30 de mar. de 2013

2

Efeito Flipping

Eaí tudo belezinha?
Eu estava procurando tutorias legais na internet, e no blog Kawaii World eu encontrei esse, que é chamado de Flipping, clique aqui para preview

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>

Espero que tenham gostado, eu particularmente amei!
Kissi



2 comentários:

Anônimo disse... Best Blogger TipsAnswerBest Blogger Templates

OMG adorei o efeito*-*,ja to usando.♥♥♥

-->New Animes

Bia Costa disse... Best Blogger TipsAnswerBest Blogger Templates

Emanuela que bom que gostou amada!!!
Kissi