Imagem gira quando passa o mouse

Oi pessoal, hoje trouxe um tutorial bastante explicado, já vi vários por aí. 

É o tutorial das imagens girando, que eu uso na minha elite no meu outro blog.

Veja um preview aqui.

1- Vá no HTML do seu blog, aperte CTRL+F e procure por:

]]></b:skin> 

2- Acima disso, 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);
} 

3- Para aplicar o efeito, use o código:

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

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar