Seguidores

quarta-feira, 7 de novembro de 2012

Efeito opacidade nas imagens do blog


HoYYYY!
vou ensinar como colocar esse efeito de opacidade, nas imagens do CD.

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;}
Espero q vcs tenham gostado do tutorial!

bjjs

Nenhum comentário:

Postar um comentário