- Love For HTML: Tutorial : Efeito Flipping

12 de abr. de 2013

Tutorial : Efeito Flipping

( Com 100 seguidores eu postarei Lay Free,visitem meu We Heart It clicando AQUI ♥ )

Boa Noite

Como estão? eu trouce para vocês um tutorial do Kawaii World,que é bem fofinho

para ver o efeito clique aqui, e agora para conferir o tutorial clique em leia mais ..

1. Vá até editar HTML e procure por <head>. Abaixo da tag, cole o seguinte:

<link href='http://static.tumblr.com/0xqvkot/MdKmj9am9/flippingkw.css' media='screen' rel='stylesheet'/>

2. Ainda no mesmo local, procure por ]]></b:skin> e acima, 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. Por fim, em um gadget de HTML/JavaScript, cole e substitua com o que se pede:
<a href="LINK" title="Nome do blog"><img src="LINK DA IMAGEM" class="efeitoflipping"/></a>
Créditos : KW