29 de fev. de 2012

Iamgem que gira ao passar o mouse


Olá meus amorecos, que dia feliz né?

Quando eu entra no blog, Cherry bomb, eu olhava os afiliados e percebia que quando eu passava o mouse em cima da imagem, ela girava, então eu achei super interessante, mas no blog não tinha o tutorial, então eu resolvi procurar, até que eu achei, então vou postar aqui, explicando com faz.

Vá em Design Editar HTML e marque a caixinha "Expandir modelo de windget"
Tecle CTRL+F ou F3 e procure por:
body {
Quando achar, logo ao lado dele cole isso
.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);} 
 Agora Add um Gadget, com esse codigo aqui:
 <img src="URL DA IMAGEM" class="rotate">
 Cole o link da imagem que você quer que rode e pronto.

6 comentários :

  1. Obrigado flor;ja to seguindo seu blog

    ResponderExcluir
  2. ja te linkei


    http://makethisepicnight.blogspot.com/

    ResponderExcluir
  3. Vim te fazer um convite muito especial, veja:

    "Heeyy querida *-*
    Estou te convidando a participar da nova tag do Miss Girl.
    O “Blogueiras Respondem” estréia este mês, não deixe de participar, está emperdível...
    Para saber mais sobre o Miss Girl –> http://www.patty-missgirl.com.br
    Para saber mais sobre a nova tag –> http://www.patty-missgirl.com.br/search/label/blogueiras%20respondem?&max-results=7

    Espero que participe, será super divertido!

    RAWR *-*
    --------------
    **KISSES"

    ResponderExcluir
  4. Oi! Eu sou do catarinaplus.blogspot.com.br,e gostaria de me afiliar,posso??
    Há,teu blog é lindo!!
    bjs ♥

    ResponderExcluir
  5. obrigado, gostei :)

    http://www.praquenome.com/

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.