Use CSS Transform scale Property to Scale an Element on Hover

Use CSS Transform scale Property to Scale an Element on Hover
0

#1

Tell us what’s happening:

Your code so far


<style>
  div { 
    width: 70%;
    height: 100px;
    margin:  50px auto;
    background: linear-gradient(
      53deg,
      #ccfffc,
      #ffcccf
    );
  
  transform: scale(1.1);
  }
  
  
</style>

<div class="hover"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 5.0.2; SM-P905 Build/LRX22G) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.158 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover


#3

You’re missing this part of the specification (notated in bold)

Add a CSS rule for the hover state of the div and use the transform property to scale the div element to 1.1 times its original size when a user hovers over it.


#4

div:hover {
transform: size(1.1);
}