Efeito para imagens do post

 

Hoje venho trazer pra vocês 1 Efeito para Imagens do Post que eu mesma fiz. Vamos lá!

Para colocar o efeito escolhido em seu blog é só ir em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e depois aperte Ctrl+F e procure por:

]]></b:skin>

E acima dele cole o código do efeito escolhido.

1º Efeito

 

O efeito é esse que uso aqui nas imagens de post do blog, que dá um efeito opacidade e muda a cor da borda.

.main img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-webkit-transition-duration: .50s;
}
.main img:hover {
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
-webkit-transition-duration: .50s;
}
.post img{border: 1px solid #000;}
.post a:hover img{border: 1px solid #ff0000;}