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:
OMG adorei o efeito*-*,ja to usando.♥♥♥
-->New Animes
Emanuela que bom que gostou amada!!!
Kissi
Postar um comentário