Large image effect does not work - HTML CSS

Question

Large image effect does not work - HTML CSS

Navigation

#1 by (2 votes)

1

I have an HTML code to which a .css is associated Why does not my animation work on the image?

    .logo:hover{
    	-webkit-transform: scale(1.3);
    	-ms-transform: scale(1.3);
    	transform: scale(1.3);
    }

<div class="logo">
  <center>
    <!-- Añadimos en el CSS un efecto de enfoque en la imagen -->
    <img src="http://imagenpng.com/wp-content/uploads/2015/09/imagenes-png-635x508.png" height="160" width="380"/>
  </center>
</div>

html css

asked by omaza1990 11.10.2017 в 11:06

source

1 answer

Netbeans IDE 8.1 Can not lock read-only file Change the color of the floating text in a TextInputLayout

score 2 · Accepted Answer

A transition ( transition : W3C ) is missing in your CSS to make the animation bigger.

    .logo:hover{
    	-webkit-transform: scale(1.3);
    	-ms-transform: scale(1.3);
    	transform: scale(1.3);
        transition: transform .5s;
    }

<div class="logo">
  <center>
    <!-- Añadimos en el CSS un efecto de enfoque en la imagen -->
    <img src="http://imagenpng.com/wp-content/uploads/2015/09/imagenes-png-635x508.png" height="160" width="380"/>
  </center>
</div>