This isn't working, not even the guy in the video can get it to work. (Applied Visual Design: Use the CSS Transform scale Property to Scale an Element on Hover)

This isn't working, not even the guy in the video can get it to work. (Applied Visual Design: Use the CSS Transform scale Property to Scale an Element on Hover)
0
<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);

1 Like