tutorial - efeito giratório nos afiliados

oi oi, então, trouxe um tutotrial de como deixar os afiliados com efeito giratório quando se passa o mouse, e as imagens ficam redondas também, créditos ao kawaii-world vamos lá~ 

                                     1. Procure por ]]></b:skin> e acima dessa tag cole:

.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;

box-shadow: 2px 1px 2px #909090;

}

.elite:hover{-webkit-transform: rotate(360deg);} 

2 . Para usar você vai em um gadget de HTML/JavaScript e cola:

<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

e caso queiram que ela seja assim e tenha o efeito opacidade, use esse código:

<a href="Link do Blog" title=" Título do Blog"><img src=" Link da Imagem" style="opacity: 0.5"; class="elite" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>

espero que tenham gostado do tutorial :) o efeito é muito bonitinho e já foi usado aqui no blog.