10 outubro 2012

Efeito Gira

Boa Noite \o
Vim trazer pra vocês um tutorial de como fazer as imagens girarem
ao passar o mouse, é bem fácil.
Visualize aqui 


1. Vá em Editar HTML e procure por:

]]></b:skin>

E acima dele cole isto:
.efeito {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition-duration: 1.20s;} 
.efeito:hover {-webkit-transform: rotate(360deg);}

Modifique o 360deg do rotate, para a imagem girar mais ou menos graus. 


Adicione um gadget HTML/Javascript e cole isto nele:
<img  src="Url da imagem" class="efeito">

Pronto.

6 comentários:

  1. Adorei o tutorial! Fica bem fofo e é super fácil de fazer!
    candy-grape

    ResponderExcluir
  2. Eu estava mesmo procurando esse tutorial para meus afiliados, mas o meu css ainda está com problema. Assim que arrumar colocarei ele, e vai ficar super lindo com esse efeito *o*

    Always Fearless.

    ResponderExcluir
  3. Oii!
    Linda este efeito :)
    Gostei do blog, seguindo, se quiser me seguir ficarei feliiz!
    E se me divulgar ficarei mais feliz ainda!! o.O
    Beijinhos! =D
    bitis-place.blogspot.com.br

    ResponderExcluir