Efeito de rotação em imagens

 Olá pessoal! Hoje vou postar como por efeito de rotação em imagens:
Cole este código ACIMA de  ]]></b:skin>:

.rotate{ -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
width:auto;
-webkit-transition-duration: 1.20s;}
.rotate:hover
-webkit-transform: rotate(360deg);
} 

 Agora onde você quer que apareça essa imagem, com o efeito deve usar esse código:

<img src="URLdaIMAGEM" class="rotate">

Uma dica, é você usar imagens em 50X50 fica bem mais definido!