Hola buenos días,
llevo poco tiempo con CSS pero estoy atascada, tengo un problema inserto una imagen en una página y luego quiero que esa imagen según pase el ratón se haga más grande.(o que rote que tampoco me funciona) Lo he probado en todos los navegadores y siguen sin funcionar.Pongo el código a ver si alguien me puede ayudar.
Código html.
<img class="imagenes" src="Pinguino.jpg" />
Código Css
img.imagenes{
transform:scale(1,1);
-o-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
transition:transform 1s;
-o-transition:-o-transform 1s;
-moz-transition:-moz-transform 1s;
-webkit-transition:-webkit-transform 1s;
-ms-transition:-ms-transform 1s;
}
img.imagenes:hover{
transform:scale(1.5,1.5);
-o-transform:scale(1.5,1.5);
-moz-transform:scale(1.5,1.5);
-webkit-transform:scale(1.5,1.5);
-ms-transform:scale(1.5,1.5);
}
Gracias