Assinar Feeds - 311 RSS leitores
10 Mar 2008
Monday # 16:09 59 palavras Arquivado em: Css, Tutoriais Por Tamara

Deixe suas imagens com efeito transparente.

01. Coloque o seguinte código no seu css:

img {filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;}
img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;}

Dessa forma todas as imagens terão o efeito transparente. Se quiser que apenas determinada classe tenha esse efeito, apenas acrescente as propriedades acima.







Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.




38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 22 21 20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1


3 Comentários em “Transparência nas imagens” -


Thatyanny 16-10-2008 - 14:32   Responder

Oieee
maravilhoso sempre venho aki ver as reiceitasss..
hj resolvi ver a cara…
meu irmão chama yuri 8
hauhauhauahu
e tinha um cachoroo igual ao seu mais meu pa deu
pq tenho alergiaa ele chamava nino!
bjauM
obrigado pelas ajudas q vc da! 9


Isabella 04-06-2010 - 13:46   Responder

Tamara, como eu faço pra usar esse código com bordas nas imagens? eu tentei, mas não consegui :/
beijos! :*


tamara 06-06-2010 - 09:13   Responder

Isabella em June 4, 2010 às 13:46 disse:

Tamara, como eu faço pra usar esse código com bordas nas imagens? eu tentei, mas não consegui :/
beijos! :*

Você pode usar esse mesmo css e só adicionar as linhas responsáveis pela borda.