2 estilos de Opacidade

HELLO!!!

Que tal um tutorial ehm?

Vou mostrar 2 Estilos de Opacidades com efeito hover nas imagens do blog.

É super fácil e prático,em minha opinião as imagens ficam + padronizadas e bonitas.

Vamos lá!

Editar HTML - procure : ]]></b:skin>

Se você quiser que a imagem fique normal e quando passa o mouse por cima dá o efeito,cole o código em cima da tag:

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

E se você quiser que a imagem já venha com o efeito e quando passa o mouse por cima ela volta ao normal cole o código em cima da tag:

.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;
}

Tente testar os 2 estilos pra ver qual você gostou +
Depois Visualize e se tudo tiver Ok - Salve!