Como vão vocês? Espero que estejam bem! Este é meu primeiro post no
Tutoriais Efeitos. Meu nome é Claudine, mas podem de chamar de Clau.
Para o primeiro post trago o efeito de opacidade nas imagens.
Vamos ao Tutorial?
Para colocar este lindo efeito nas imagens de seu blog, pegue o código abaixo
e coloque antes de ]]></b:skin>
.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;
}
O código acima faz o efeito quando passar o mouse, caso você queira a opacidade já na imagem e suma ao passar o mouse, cole no lugar do código acima 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;
}
Kissus
Nenhum comentário:
Postar um comentário
- Este espaço é todo seu. Tire suas dúvidas!
- Por favor, Não faça algum request pelos comentários,
para isso serve a Ask.
- Se não gostou de algo, não use palavras baixas. Ninguém precisa se rebaixar tanto para expressar uma opinião.
- Leio todos os comentários e retribuo todos.
-Thanks