Efeito Runner


Aprenda a como fazer o efeito continuando a ler a postagem!

1 Vá para Tema > Editar HTML > Clique na caixa de código e aperte Ctrl + F ou F3 > Procure por ]]></b:skin> > Cole o seguinte código acima:
img.runner { background: white; padding: 5px; margin-left: 3px; overflow: hidden; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } img.runner:hover { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); box-shadow: 0 0 15px rgba(0,0,0,0.2); } img.runner, img.runner:hover { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
2 Faça as alterações necessárias.

3 Salve.

4 Vá até a parte do blog onde você quer adicionar o efeito. Cole o seguinte código abaixo:
5 Faça as alterações necessárias.

6 Salve.

8 comentários, comente também!

  1. Anônimo10/11/13

    Ficou muito lindo o efeito <3 <3 <3

    www.c-astle.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigado, que bom que gostou <3

      Excluir
  2. Que efeito legal. *-* Sem falar do icon da minha Lily ali. ♥

    XOXO

    ResponderExcluir
    Respostas
    1. Também achei legal, simples mas legal :3

      Excluir
  3. Adorei as imagens e o efeito, é bem fofo (:
    xoxo
    -> Simplificando

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado c:

      Excluir
  4. Lecal o efeito :3 amei o novo layout nem tinha vista ainda çrçrçrç

    Gallery-peace.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Lecal mesmo, que bom que gostou <3

      Excluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...