Trouxe mais um efeito fofo, quando se passa o mouse a imagem dá uma viradinha, só que essa é mais elaborada que as outras e isso faz ficar bem bonitinha em uma elite ou nas imagens que você desejar.Vi esse efeito no Kawaii World.
1. Vá até editar HTML e procure por <head>. Abaixo da tag, cole esse código:
<link href='http://static.tumblr.com/0xqvkot/MdKmj9am9/flippingkw.css' media='screen' rel='stylesheet'/>
2. Agora 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 este código e substitua com o que se pede:
<a href="LINK" title="Nome do blog"><img src="LINK DA IMAGEM" class="efeitoflipping"/></a>
Kissus
Nenhum comentário:
Postar um comentário
- Este espaço é todo seu. Tire suas dúvidas!
- Por favor, Não faça algum request pelos comentários,
para isso serve a Ask.
- Se não gostou de algo, não use palavras baixas. Ninguém precisa se rebaixar tanto para expressar uma opinião.
- Leio todos os comentários e retribuo todos.
-Thanks