15 de maio de 2014

Efeito Gota

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