tutoriais category image
Transparência nas imagens
Monday 10/03/2008 às 16:09 | Arquivado em: Css, Tutoriais

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.

Posts Relacionados




7 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

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

Iasmin 02-02-2011 | 15:20 Responder

Como que eu faço o efeito aocontrário? tipo: ela tiver normal e quando arrastar o mouse, ela ficar transparente.

Tamara 02-02-2011 | 17:16 Responder

Inverte o que está dentro de img e img:hover

Luccas 22-02-2011 | 20:31 Responder

hey, visito seu blog sempre que posso, e queria saber como colocar esse efeito, só nas imagens que posto. se coloco isso no html, fica na sidebar, e no header tbm =//

Tamara 01-03-2011 | 16:39 Responder

Troque o “img” por “.imagem por exemlo e quando quiser que o efeito apareça, acrescente ao endereço da imagem: class=”imagem”


Comentar


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 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1