Efeito Round Image

Como fazer o efeito Round Image
O efeito round image é esse abaixo, onde as imagens ficam redondas. Eu coloquei uma borda, mas ela é opcional e vocês podem editar cor e expessura no código.
 
Para fazer esse efeito, copie o código abaixo e cole ele na sua parte de css. Se você for usar em um site, blog ou tumblr, coloque o código entre  <style> e  </style>
 
.sweetpoison11 {border: 2px solid #444444; 
width: 60px; height:60px; opacity: .9; margin: 2px; -webkit-transition-duration: .80s;-moz-transition-duration: .80s;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
-webkit-filter: grayscale(5%); } 
.sweetpoison11:hover {opacity: 1; -webkit-transition-duration: .80s;-moz-transition-duration: .80s; }
E o código abaixo onde você quer que sua foto apareça:
<a href="LINK DO SITE" target="_blank"><img src="LINK DA SUA IMAGEM" class="sweetpoison11" /></a>

Não copiem os códigos e nem o tutorial. Se for útil, dê os devidos créditos ao Sweet Poison!

Facebook Twitter Pinterest Google+ Email Addthis