Oie, oie gente, hoje eu vou ensinar, como colocar efeito opaco nas imagens!Vamos lá?
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;}
E ae gostou?
Duvidas? Comente, beijos
Nenhum comentário:
Postar um comentário