Tutorial: Efeito Flipping

Olá
Gente, faltam oito dias para o meu aniversário *-*
Estou tão ansiosa... Finalmente, treze anos!
Enfim, o tutorial de hoje também é para elite de afiliados, eu adoro efeitos para elite de afiliados.
Eu peguei os código no Doce Mundo Kawaii, então os créditos vão para ele.


1- Vá até editar HTML dê Ctrl + F e procure por <head> acima do código que você procurou cole:
<link href='http://static.tumblr.com/0xqvkot/MdKmj9am9/flippingkw.css' media='screen' rel='stylesheet'/>

2- Ainda no editar HTML dê Ctrl + F e procure por ]]></b:skin> acima do código que você procurou cole:
.efeitoflipping{
padding: 3px;
}
.efeitoflipping:hover{
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipping;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipping;
-o-backface-visibility: visible !important;
-o-animation-name: flippink;
backface-visibility: visible !important;
animation-name: flipping;
-webkit-animation-duration: 1s;
}

3- Salve. Vá em layout > Adicionar Gadget > HTML/JavaScript e cole:
<a href="Link do blog" title="Nome do blog"><img src="Link da Imagem" class="efeitoflipping"/></a>

Edite as partes destacadas e salve.
Gostou? Espero que sim ^-^
Beijos, Ráh

Nenhum comentário:

Antes de ir comente: