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!