Efeito Sweet

Olá meus gadeiros >< hoje eu vim aqui pra mostrar para vocês um efeito lindo que eu  vi no  Candy Pop mas eu achei muito fofo >,< ele se chama Sweet foi criado pela Roberta ... mas isso não é tão importante quanto o tutorial para com isso Vivi vamos lá no tutorial...

1. Primeiro, cole isto no seu CSS (antes de ]]></b:skin>):
.Sweet{
padding: 1px;
-webkit-transition-duration: .35s;
border: 1px solid  #f7edd7;;
}
.Sweet:hover{
border: 1px solid  #fcbbc4;
-webkit-transition-duration: .35s;
opacity: 0.7;
outline-style:dashed;
outline-width:1px;
outline-color: #FFF;
padding: 1px;
outline-offset: -4px;
box-shadow:1px 1px 1px #ededed
}
Mude só o que está em negrito, que é a cor da bordinha


2. Para usar, cole isto num gadget de HTML/Javascript:

<img src="urldaimagem" class="sweet" />


E é só isso o tutorial,muito fácil né? gostou?

Beijokas e até a proxima!