Opacidade nas imagens

Oi lindjos *0* como vão?  Bom hoje vou postar numa tag que faz um tempinho que não posto, tutoriais. Bom o tutorial de hoje é bem fácil, e bem conhecido também, de opacidade nas imagens, que é quando a imagem fica clarinha e passamos o mouse em cima e ela fica da cor original ^^

Vá no HTML do seu blog e pesquise por ]]></b:skin.
Acima da tag encontrada, cole:

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

}

em (opacity=100); você vai mudando o número, quanto maior mais clarinha a imagem fica ao passar o mouse e menor a imagem fica mais escura quando passa o mouse em cima.

Bom daí você visualiza, e se não tiver nada de diferente salva né, porque opacidade não dá pra visualizar, rsrs. #Bezóides♥

Tchau, espero que tenham conseguido, bezos (: