Efeito Pendurado - Exclusivo

Olá meus gostosos :3

Como vocês vão? Eu espero que bem, infelizmente eu não posso dizer o mesmo, ando muito triste ultimamente, mas isso ninguém quer saber, e com certeza daqui a pouco alguém vai vir me chamar de dramática, estúpida e o raio que o parta.

Eu aprendi a fazer efeitos, cacilda! Estou emocionada, e trouxe um exclusivo para vocês :3

Chama-se "Efeito Pendurado", porque ele parece que foi pendurado, acho que foi o melhor que eu fiz até agora.

Live preview.

1. Vá no seu HTML e procure por ]]></b:skin> e logo acima cole isso:

.efeitopendurado {
transition:All 1.2085s ease;
-webkit-transition:All 1.2085s ease;
-moz-transition:All 1.2085s ease;
-o-transition:All 1.2085s ease;
transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.efeitopendurado:hover{
transform: rotate(14deg) scale(1) skew(-3deg) translate(42px);
-webkit-transform: rotate(14deg) scale(1) skew(-3deg) translate(42px);
-moz-transform: rotate(14deg) scale(1) skew(-3deg) translate(42px);
-o-transform: rotate(14deg) scale(1) skew(-3deg) translate(42px);
-ms-transform: rotate(14deg) scale(1) skew(-3deg) translate(42px);
}

2. Agora, num gadget html/javascript cole o seguinte:

<a href="LINK""><img src="LINKDASUAIMAGEM" class="efeitopendurado"/></a>

 Espero que tenham gostado do efeito, tchau tchau ♥