Tutorial- efeito opacidade nas imagens

 Por: Unknown    11:28  HTML   Sem Comentarios

Olá amores, primeiramente quero pedir desculpas pois estou MEGA ausente aqui no blog, mas como eu já expliquei a Leeh eu to em semanas de provas, mas enfim..
Vim postar um tutorial que eu amo ele, que é de como colocar efeito opacidade nas imagens, para ver o tuto continue lendo...

Vá em Design → Editar HTML clique na caixinha "Expandir modelo de windget"
Tecle CTRL+F ou F3 e procure por :

]]></b:skin>

Quando achar esse codigo, cole acime dele esse outro:

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

Esse codigo acima e o efeito de que a opacidade apareça quando passar o mouse, caso você queira a opacidade já na imagem e suma ao passar o mouse,  cole no lugar daquele ali em cima este outro:

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

bom espero que gostem, o tuto é super rapido e simples !