Efeito Rounded Medium

Esse é um efeito que eu gosto bastante. Ele deixa as fotos quadradas e retangulares arredondadas. Veja o efeito abaixo:
Para usar, copie o código abaixo e coloque ele no seu css (entre <style> e </style>)
.sweetpoison4 {border: 2px solid #f8c5ab; 
width: 70px; height:70px; 
opacity: .5; margin: 2px; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;}
.sweetpoison4:hover {opacity: 1; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;
border:none 0px #000000;
-moz-border-radius-topleft: 75px;
-moz-border-radius-topright:75px;
-moz-border-radius-bottomleft:75px;
-moz-border-radius-bottomright:75px;
-webkit-border-top-left-radius:75px;
-webkit-border-top-right-radius:75px;
-webkit-border-bottom-left-radius:75px;
-webkit-border-bottom-right-radius:75px;
border-top-left-radius:75px;
border-top-right-radius:75px;
border-bottom-left-radius:75px;
border-bottom-right-radius:75px;
}
E coloque o código abaixo onde você quer que o efeito apareça:
<a href="LINK DO SITE" target="_blank"><img src="http://i.imgur.com/OzZoVPn.png" class="sweetpoison4"/></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