Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/01/2013, 10:30
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Exclamación Aumentar Imagen/Texto al pasar el mouse

Excelente efecto! Que aumenta la imagen o el enlace al pasar al mouse.. solo con CSS nada de jquery y ni javascript!

Código HTML:
.columna img{
display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}
.columna:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}

Lo que yo me pregunto... es como se puede regular? que se aumenten menos? o mas?! Seria genial una guia de como hacerlo

Gracias y espero que os sirva :)