Efeitos para imagens

Hoje vim trazer mais efeitos para colocar na imagem meninas espero que gostem bastante vamos lá?Bom vá modelo ✖ em editar HTML e procure por: ]]></b:skin>

E antes dele cole os seguintes codigos:

Bordas arredondadas

.post img {-moz-border-radius: 10px;-webkit-boder-radius: 10px;border-radius: 10px;}

Bordas cinzas
.main img {border: 3px solid  ;-webkit-transition-duration: .50s; }

Borda folha - hover

.post img {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;-webkit-transition-duration: .50s;border-radius: 10px 0px 10px 0px;}.post img:hover {filter:alpha(opacity=82);-moz-opacity:0.82;opacity:0.82;-webkit-transition-duration: .50s;border-radius: 0px 10px 0px 10px;} 

Borda colorida - hover

.main img {border: 3px solid  #f17c9d;
-webkit-transition-duration: .50s;}.main img:hover {
border: 3px solid #c8a2d4;
-webkit-transition-duration: .50s;}

 ✖  No lugar destacado coloque a cor que preferir.

Opacidade

.main img {filter:alpha(opacity=82);-moz-opacity:0.82;opacity:0.82;}.main img:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;duration: 50s;}

Espero ter ajudado vocês de alguma forma, alguma duvida só comentar meninas é isso beijos.

Fonte: ✖