Image Map

15 de dez de 2012

Efeito De Opacidade Na Imagens do Blog


 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:

Central Débora Lyra- 2014. Todos os direitos reservados.
Layout por Nathaly Oliveira - Código Base desenvolvido por: Raphael Cardoso
Adaptação por Cecília Camimura
+ Agenda: