Efeito Gira, bu! - Para afiliados

Nome cafona, mas tudo bem.

Olá pessoal! Eu achei um site muito legal em que você pode fazer os efeitos, e um outro que vocês podem visualizar para ver se tá tudo certo, se vocês pedirem eu posto aqui o nome dos sites.

EU criei um efeito chamado Gira, bu!, era o nome que tinha em minha mente na hora, mas oque importa não é o nome mas sim o efeito. Vamos ver como é?

PREVIEW

Gostou? Vamos aprender a fazer?

Procure por ]]></b:skin>, achou? Cole esse código ACIMA de ]]></b:skin>

.girabu {transition:All 1.5859s ease;-webkit-transition:All 1.5859s ease;-moz-transition:All 1.5859s ease;-o-transition:All 1.5859s 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);}.girabu:hover{transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-moz-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-o-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);-ms-transform: rotate(360deg) scale(1.284) skew(1deg) translate(0px);}

Agora adicione um gadget de HTML/JS e cole esse código:

 <a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="girabu" /></a>

Salve. Pronto. Simples não? Qualquer dúvida é só comentar, ah! Comente também oque voc~e achou do efeito! Abraços!

-P4nda