Efeito Sebalá + Imagens para afiliados,divulgação,etc...

Oi! Bom dia,,desculpe pelas 2 semanas sem postar :s Depois explico!

Sério 2 semanas sem postar nada? -Sim, 2 semanas =/ me desculpe,é que eu estava posando este tempo todo na casa da minha vó querida. '♥.♥' Porque eu estou de férias,então tenho que aproveitar... Estava penssando em deixa o blog desaparecido -forever :/ Chega de blablabla e vamos ao efeito Sebalá!

Vocês ja sabem, o funcionamento então só colar este código:

.Sebalá {

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s 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);

}

.Sebalá:hover{

transform: rotate(92deg) scale(0.542) skew(151deg) translate(-300px);

-webkit-transform: rotate(92deg) scale(0.542) skew(151deg) translate(-300px);

-moz-transform: rotate(92deg) scale(0.542) skew(151deg) translate(-300px);

-o-transform: rotate(92deg) scale(0.542) skew(151deg) translate(-300px);

-ms-transform: rotate(92deg) scale(0.542) skew(151deg) translate(-300px);

}

E agora colar este código em  um html/javascript:

<a href="URL" title="NOME"><img src=" URL IMAGEM" class="Sebalá" /></a>

Agora é a hora de colocar as imagens então ta ai para vocês usarem!

Obs!: Todas elas são 50x50