Hey!+ Efeito Description

Hey pessoinhas! Como vão vocês? Olhem esse efeito lindo que eu achei no blog Eu Amo HTML

Preview ;P

 Agora o tutorial!

1. Vá no seu html e procure pela tag ]]></b:skin>

2. Cole esse código acima:

#descripti0n{width: 150px;height: 200px;background: pink;margin-top: -207px;margin-right: 1px;color: #F98FAD;text-shadow:0 1px #fff;font-family: trebuchet ms;font-size: 9px;text-align:center;opacity:0;-webkit-transition: all .5s ease-in-out}#descripti0n:hover{opacity: 0.75;}

 3. Crie um gadget HTML/Javascripit e cole:

<center><a href="LINK"><img src="URL DA IMG" style="border: 1px solid #ccc; padding: 2px;" /><div id="descripti0n">DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO DESCRIÇÃO</div></a></center>

  Então gente viram como é facil? E o efeito é incrivel! Eu amei ele e mal posso esperar para usar em algum lugar ;D

Tenham uma boa tarde para todos vocês!