Efeito Three sides

Vejam como é o efeito:
Para fazer este efeito copie o código abaixo e cole no seu css (entre <style> e </style>)
.sweetpoison5 {border: 2px solid #000; 
width: 60px; height:60px; 
opacity: .5; margin: 2px; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;}
.sweetpoison5:hover {opacity: 1; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;
border:outset 4px #000000;
-moz-border-radius-topleft: 75px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:75px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:75px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
e coloque o código abaixo onde você quer que ele apareça:

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