♦ Tutorial ~ Efeito Change Rotate

Olá pessoal ^--------^

  Faz muito tempo que eu não passo por aqui néh? Vocês querem me matar? Eu deixo e ajudo, não sei porque mais quero isso. Tô tipo a Miku nessa imagem, meio com cara de decepção. Acho que passei todo esse tempo sem postar porque queria apresentar logo meu vídeo, sim eu finalmente fiz esse vídeo, mas o YouTube demora um E-TER-NI-DA-DE para dar upload, e a minha internet caiu várias vezes durante esse processo, mas eu ainda postarei meu vídeo, agora ele está em 13%.

 Hoje eu trouxe mais um efeito em imagens para usar onde quiserem, principalmente em afiliados, mas nada contra usar em outras áreas do blog. O efeito foi eu mesmo que criei sozinho e dei o nome de Change Rotate, aqui tem a PREVIEW dele. Vamos lá aprender???

Primeiro vá em:

Layout >> Adicionar um Gadget >> HTML/JavaScript

e cole esse 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>

Pronto, apenas isso.

Super fácil, prático e lindjhu.

Espero não ter mais essa angustia no coração e poder aparecer mais vezes, aliás, o próximo layout está chegando e será feito pela Lovelly. Anciosos???

Bye bye e Beijos