Efeito gotinha

Oi fofuras perfeitosas *0*

Sentiram minha falta? Claro que não ç.ç Mal posso acreditar que hoje foi o meu último dia  de  aula desse ano, aleluia gente!  Que dia vai acabar a aula de vocês? Mudando de assunto, hoje eu fiquei 4 horas seguidas fazendo um layout, então estou morrendo de fome. Assim que eu terminar esse post, pode crer que eu vou estar atacando a  geladeira. Acreditam  que  quando  eu  estou  com  fome  eu fico mais inspirada? ASUASHU q. Mudando de assunto de novo ( chega Heloísa), eu piorei um pouco na prova, em relação a outra  que  tive, fiquei magoada com isso, eu fico pensando que pode ser culpa do Blog ( obviamente minha também ). Vamos ao post finalmente? o3o

Bom, novamente estou trazendo um efeito, só que esse é melhor porque o outro ficou FEIO DMS feinho, quem viu sabe -q. Esse  tuto é a coisa mais fácil do mundo pra se fazer, o resultado é simples porém fofinho, preview aqui, é o primeiro Gadget da esquerda <. Let's See?

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.