Efeito imagem gira ao passar o mouse

Olá meus brigadeiros !

Agora irei ensinar como por o efeito que a imagem gira ao passar o mouse.




1°Vá em Design,editar HTML e marque a opção 'Expandir modelos do widget'

2°Tecle Ctrl + F e procure por:

body {

3°Quando achar cole ao lado dele o seguinte código:

.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);}

4°Agora adicione um gadget com o seguinte código:

<img src="URL DA IMAGEM" class="rotate">

Aode está de negrito troque pelo Url da imagem que você quer que gire.

Pronto, veja como ficou !