<style>
div {
width: 70%;
height: 100px;
margin: 50px auto;
background: linear-gradient(
53deg,
#ccfffc,
#ffcccf
);
}
div: hover {
transform: scale (1.1);
}
</style>
<div></div>
You have a space between div:
and hover
. This will prevent the CSS from doing what you want it to.
1 Like
^^ What Ariel said…
Putting an image inside the div will make the effect more obvious.
Adding a transition: 500ms all; to the div style will make for a smoother effect too.
1 Like
Well it didn’t work.
What is your current code? What browser are you using? Is it the most recent version?
1 Like
You also have a space between scale and parenthesis. If you remove the space it will work.
transform: scale(1.1);
2 Likes