30 de mai de 2013

Tutorial Efeito Wow


Adoro postar tutoriais aqui no Blog. O de hoje é o Efeito Wow.
Confira a prévia clicando aqui.
Antes de iniciá-lo, os créditos são do KW.

1. Vá até editar HTML e procure por <head> abaixo disso, cole:

<link href='http://static.tumblr.com/dlelfro/M7Rmibw12/efeitowowkw2.css' media='screen' rel='stylesheet'/>

2. Ainda em editar HTML procure por ]]></b:skin> e acima disto, cole: 

.efeitowow{
}
.efeitowow:hover{
-webkit-animation-name: wow;
-moz-animation-name: wow;
-o-animation-name: wow;
animation-name: wow;
-webkit-animation-duration: 1s;
}


3. Por último, vá até um gadget de HTML/JavaScript e cole o código abaixo, lembrando sempre de substituir o que se pede:

<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitowow" /></a>

E aí, gostaram? Super simples, não é?
Beijos!
Anna 

2 comentários:

  1. Que efeito lindo,estou pensando em mudar meu layout,talvez eu posso usa-lo.
    Um beijoo
    http;;bombasticmusics.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada! Espero que use mesmo... Beijos!

      Excluir