Efeito Half moon

É o meu efeito preferido. Vejam como ele é:
Para usar o efeito, copie o código abaixo e cole no seu css (entre <style> e </style>)
.sweetpoison7 {border: 2px solid #f5ad89; 
width: 60px; height:60px; 
opacity: .5; margin: 2px; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;}
.sweetpoison7:hover {opacity: 1; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
border-top-left-radius: 90px;
-moz-border-radius-topright: 90px;
-webkit-border-top-right-radius: 90px;
border-top-right-radius: 90px;
-moz-border-radius-bottomright: 90px;
-webkit-border-bottom-right-radius: 90px;
border-bottom-right-radius: 90px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
E coloque o código abaixo onde você quer que apareça:

<a href="LINK DO SITE" target="_blank"><img src="http://i.imgur.com/OzZoVPn.png" class="sweetpoison7"/></a>
Por: Pâmela Sampaio em 04/05/14
Não copiem o tutorial e nem os códigos.
Se for útil deem os devidos créditos!
Facebook Twitter Pinterest Google+ Email Addthis