Efeito opacidade nas imagens

Olá pãezinhos de queijo :9 Tudo bem? Esse é o último tutorial da maratona de tutoriais. Mas ainda viram muitos tutoriais ok? Hoje vim ensinar a pôr opacidade nas imagens.

Vá no seu html e procure por: body {

Cole acima dela o seguinte código:

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

}

 Visualize e se as imagens estiverem meio apagadinhas é porque deu certo ;)

Espero que tenham gostado do tutorial. Comentem!
Beijinhos felizes da Hellen :*