Tutorial - Efeito WOW


Olá.

Vocês não sabem como eu estou com medo do professor de Geografia, ela é um horror, se ele diz alguma coisa e a gente vai tirar uma dúvida ele responde que devemos prestar atenção e não tira nossas dúvidas, uma vez ele foi fazer um exercício valendo pontos para a prova e eu quase passei mal, eu ainda não tive aula com ele essa semana o que me deixa um pouco aliviada.

Como vocês podem notar eu adicionei a agenda do blog, finalmente, e hoje é o dia dos tutoriais, então eu fui até o KW ver algum tutorial legal e vir um bem bonitinho que é o Efeito WOW, espero que vocês gostem. Preview: 


1º: Vá até o HTML do seu layout 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>

Gostaram do tutorial? Os créditos são do Kawaii World.

6 comentários: