Imagens Com bordas decoradas e Efeito

De um Up no seu blog apenas destacando as suas imagens com lindas bordas. Simples e fácil de usar. Descanse o mouse sobre na imagem e visualize o efeito nas bordas coloridas. Um lindo efeito para posts com fotográfias de Looks, Nails e Make.


  Creditos : Dany Place




---------------------------------------------------------------------
Copie o código abaixo, cole antes de ]]></b:skin> e salve.

  .post-body img {
border-radius: 50% 0; /* bordas */
box-shadow: 0px 0px 1px #000; /* Sombra */
padding:15px; /* Espacio entre la imagen y el borde */
background:url(
http://i111.photobucket.com/albums/n159/docedani/back05-1_zps62e77b79.gif
); /* Cor da borda */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius:0; /* bordas */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Selecionei alguns Background para usar nas bordas. Clic com o botão direito na imagem desejada em seguida copiar endereço da imagem e cole na parte verde no código.