Efeito Bate Bate

Meia noite e eu aqui no pc, vendo TWD, tudo de bom o glenn rsrs :3

Olá gente, 

trouxe um tutorial de um efeito bem legal nas imagens de afiliados

Preview aqui e os créditos vão para o Garota no mundo HTML, e para o Kawaii Things pois lá encontrei esse super tutorial.

Let's go kawaiis!

Procure por ]]></b:skin>  e acima cole:

@-webkit-keyframes vai { 0% {-webkit-transform: rotate(19deg) scale(1) skew(1deg) translate(0px);} .vai {border-radius: 5px; border:5px solid #ffc9c8; -webkit-transition: 1.99s; } .vai:hover {-webkit-animation: vai .99s alternate infinite linear; transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);-webkit-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px);-ms-transform: rotate(0deg) scale(0.873) skew(1deg) translate(0px); border:5px solid #ffa5a5;

E para o efeito aparacer, você terá de colar o código abaixo em um HTML / Javascript:

<a href="LINK DO BLOG"target="_blank" title="NOME"><img src="LINK IMAGEM"width="70" align="left" class="vai" /></a> 

Espero que tenham gostado, o efeito é simples, mais é bonitinho né?! espero ver a opinião de vocês queridos, boa noite!