Efeito Translate

Oi diamantes!

Desculpem não ter postado na sexta-feira, passei o dia todo fora de casa. Alguém ai me dá ideias para post? Acho que estou a ficar novamente com uma crise de inspiração >.<'

Bem, para o post de hoje trouxe um efeito, podem visualizá-lo aqui (www). No efeito a imagem diminui e vai para a direita. Eu sou péssima a dar nomes a efeitos. Se quiserem meter no vosso blog creditem e podem reblogar (com créditos, claro).

Acima de ]]></b:skin> cole:

.efeitotranslate {

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

transform: rotate(360deg) scale(0.881) skew(1deg) translate(3px);

-webkit-transform: rotate(360deg) scale(0.881) skew(1deg) translate(3px);

-moz-transform: rotate(360deg) scale(0.881) skew(1deg) translate(3px);

-o-transform: rotate(360deg) scale(0.881) skew(1deg) translate(3px);

-ms-transform: rotate(360deg) scale(0.881) skew(1deg) translate(3px);

}

.efeitotranslate:hover{

transform: rotate(360deg) scale(0.434) skew(1deg) translate(233px);

-webkit-transform: rotate(360deg) scale(0.434) skew(1deg) translate(233px);

-moz-transform: rotate(360deg) scale(0.434) skew(1deg) translate(233px);

-o-transform: rotate(360deg) scale(0.434) skew(1deg) translate(233px);

-ms-transform: rotate(360deg) scale(0.434) skew(1deg) translate(233px);

}

Não mude nada. Depois, num gadget html/javascript cole e edite o seguinte código:

<a href="LINK" title="NOME"><img src="IMAGEM" class="efeitotranslate" /></a>

Espero que tenham gostado, até sexta!