Navegando pela blogosfera encontrei um efeito interessante no Garota no Mundo Html,
ele se chama efeito gota, no hover a bordinha faz um formato de gota.
Para colocar esse efeito em seu blog copie o código abaixo e coloque acima da
tag ]]></b:skin>
/** Efeito gota by gnmh **/
.gota { background:#D4E3E8;border:solid 3px #AC99BA;box-shadow: inset 0 0 6px #DFC7E6, 0px 1px 1px #D7BCE0;border-radius:50px 50px 0px 50px;-webkit-transition-duration: .90s;opacity:0.7;}
.gota:hover {border-radius:0px 50px 50px 50px;-webkit-transition-duration: .90s;background:#D9CEE3;border: solid 3px #BECEDC;box-shadow: inset 0 0 6px #D4E3E8, 0px 1px 1px #D4E3E8; }
Para aparecer em seu blog coloque o código abaixo no gadget HTML/JAVA SCRIPT
<a href="LINK"target="blank" title="Nome"><img src="IMAGEM"width="60" height="60" class = "gota" /></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