All for Joomla All for Webmasters

Efeito de aumentar imagem com script

Quando você passa o mouse a imagem aumenta. Não é incrível? Olha:

Esse efeito comigo pelo menos só funcionou no Chrome!

Então cole isso no seu CSS:


/* EFEITO DOS BUTTONS */
.buttons {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
}

.buttons:hover{
-webkit-transform: rotate(0deg) scale(1.393) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.393) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.393) skew(1deg) translate(0px);
}

E… aonde quiser usar, use assim:




Prontinho… você já está com um efeito maneiro nas imagens!