7 de out de 2012

Imagem gira quando passa o mouse


Oi pessoal, hoje trouxe um tutorial bastante explicado, já vi vários por aí. 
É o tutorial das imagens girando, que eu uso na minha elite no meu outro blog.
Veja um preview aqui.


1- Vá no HTML do seu blog, aperte CTRL+F e procure por:
]]></b:skin> 
2- Acima disso, cole:


.elite{
-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto;
-webkit-transition-duration: 1.20s;
box-shadow: 2px 1px 2px #909090;
}
.elite:hover{
-webkit-transform: rotate(360deg);
3- Para aplicar o efeito, use o código:
 <a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>

2 comentários:

  1. Ótimo tuto! Ficou sabendo o KW foi desativado por causa de uma plagiadora?
    Estou muito revoltada!

    ResponderExcluir
    Respostas
    1. O.O Não tinha visto isso ainda, fui lá conferir agora. Que chato :/

      Excluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!