12/04/2013

Tutorial: Efeito WOW


Oiie!
 Tudo bom directioners e pessoas de outros fandom's?
Quem ai tá vendo Supernatural na Warner... acho que ninguém, porque quando a maioria for ver esse post já vai ter acabado #masok
Hoje eu chego com outro tutorial pra variar... trouxe um simples e fácil.
Ele se chama "Efeito Wow", é legal usa-lo na elite de afiliados ou até na do gadget da equipe.
Live Preview
Gostou? Bora aprender ^^
No seu HTML, procure por:

<head>
Abaixo dele cole:
<link href='http://static.tumblr.com/dlelfro/M7Rmibw12/efeitowowkw2.css' media='screen' rel='stylesheet'/>
Salve e novamente procure por:

]]></b:skin>
Logo que achar, cole acima:
.efeitowow{
}
.efeitowow:hover{
-webkit-animation-name: wow;
    -moz-animation-name: wow;
    -o-animation-name: wow;
    animation-name: wow;
-webkit-animation-duration: 1s;
 }

Não mexa em nada, apenas salve tudo.
Depois para usa-lo, vá no seu layout e adicione um gadget em HTML com esse código:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitowow" /></a>
Vá o repetindo, edite-o e tchanan, é só salvar ^^
Créditos: KW
Espero ter ajudado alguém :P
Beijoos!

By às
6 comentários Marcadores: = Marcadores:

6 comentários:

Assinar: Postar comentários (Atom)