Efeito gotinha

Oi pessoas!

Como vão? Hoje eu não  tenho nada pra falar, sério, eu  estou muito no tédio, e  nesses momentos eu penso que eu deveria estar na escola - lá pelo menos tem menos tédio ASUSAUH mais ou menos né. Eu fiquei muito feliz com o último post, que alcançou +100 comentários, pode parecer exagero mas é bastante pra mim. Vamos  ao post? 

Bom, hoje  eu  trouxe  um  tutorial  que  na verdade eu fiz, só  que  existem muitos parecidos, eu dei o nome de efeito 'Gotinha' porque ele se parece com uma gotinha ao passar o mouse, preview. Eu já tinha postado no blog With you, não é plágio tudo bem? O tutorial é bem simples assim como o efeito, e é só isso AUSAUH, vamos ver?

Vá em seu HTML, tecle Ctrl + F e procure por: ]]></b:skin>. Acima dessa tag, cole o código abaixo:

.bordinha {

padding: 1px; /* espaçamento da borda */

border: 1px solid #dad0cf; /* cor da borda */

border-radius: 100px 100px 100px 100px;

-webkit-transition-duration: .80s;

}

.bordinha:hover {

padding: 1px;

border: 1px solid #dad0cf; /* cor da borda hover */

border-radius: 100px 100px 0px 100px; /* não mude */

opacity: 0.80; /* opacidade mais baixa, se não quiser apague */

-webkit-transition-duration: .80s;

}

Agora em um Gadget HTML/JavaScript cole:

<center><a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="LINK DA IMAGEM" class="bordinha" /></a>

<a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="LINK DA IMAGEM" class="bordinha" /></a>

<a href="TÍTULO DA TOOLTIP" title="NOME"><img src="LINK DA IMAGEM" class="bordinha" /></a></center> 

Substitua o que está em negrito pelo que se pede.