Efeito Change Rotate

Oi galerinha, bom primeiramente desculpe por não postar ontem tive alguns problemas aqui em casa então não tive tem para fazer uma postagem. E para recompensar ontem, hoje eu trouxe uma dica muito legal,vou ensinar a vocês como colocar o Efeito Change Rotate nas suas imagens, quem nunca viu este efeito aqui está a PREVIEW. Vamos lá !

                             
                                                
                       a vocês 

                                                         Primeiro vá em:

                             Layout -- Adicionar um Gadget -- HTML/JavaScript

                                                   Depois cole este código:

<style> .rotate{ -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; -webkit-transition-duration: 1.20s; ; } .rotate:hover{-webkit-transform: rotate(360deg); -moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 5px 5px rgba(00,00,00,0.3);-webkit-box-shadow: 5px 5px rgba(00,00,00,0.3);box-shadow: 5px 5px rgba(00,00,00,0.3);} </style>

      

                          Agora onde você quiser que apareça, cole esse código:

<a href="LINK_AQUI"><img src="URL_DA_IMAGEM" class="rotate" /></a>

                 Vamos entender:

Link aqui: Colocar o endereço que você deseja direcionar o leitor quando ele clicar na imagem.

URL DA IMAGEM: Em url da imagem vocês vão colocar o url da imagem que deseja.


Prontinho depois clique em salvar super fácil, qualquer duvida deixe nos comentários, espero que tenham gostado. Beijinhos até a próxima!