valefotográfico
Divirta-se e aguarde todas nossas atualizações, se este Fórum te ajudou, registra-se, e venha fazer parte do Vale Fotográfico.
E o mais importante, seja bem-vindo ao fórum!

Imagem do Mês
Autor(a):Marcelo Rezende
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 29 em 21/10/2013, 20:07
Conectar-se

Esqueci minha senha

Votação

O fórum deve ser melhorado? Deixe sua opinião!

 
 
 
 
 

Exibir resultados


CSS Tutorial - Imagem transparente com CSS (mudando a opacidade).

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

CSS Tutorial - Imagem transparente com CSS (mudando a opacidade).

Mensagem por Yuri Cordeiro em 2/12/2009, 11:54

Você não precisar criar nenhuma imagem em png para criar uma transparência, basta usar as propriedades filter e a opacity em qualquer JPEG ou GIF no seu site.



Bom, vamos começar pela propriedade opacity, ela define a transparêcia da imagem. Alternado o número 0.7 podemos mudar a intensidade da opacidade na imagem, você pode definir um valor de 0.1 a 1.0, menores valores deixam a imagem mais transparente.
Código:
img{
opacity:0.7;
}
Uma coisa muito importante, o opacity é uma das novas propriedades do CSS3, ou seja, não é suportado por todas as versões de browser Sad por isso recomendo usar essa propriedade junto com a propriedade filter.

A propriedade filter tem a mesma função, aterando o número 70 do alpha(opacity=70) podemos mudar a intensidade da opacidade na imagem, você pode definir um valor de 0 a 100, menores valores deixam a imagem mais transparente. Essa propriedade é usada para o Internet Explorer (IE).
Código:
img{ 
filter:alpha(opacity=70);
}
Finalizando, use sempre os dois juntos para evitar o problema da transparência ser mal suportada por algum browser.
Código:
img{
opacity:0.7;
filter:alpha(opacity=70);
}

Bom pessoal, é isso. Qualquer dúvida postem aqui que eu respondo.
Abraços.
avatar
Yuri Cordeiro
Está Fácíl
Está Fácíl

Mensagens : 59
Data de inscrição : 15/07/2009
Idade : 25
Localização : Brasil

http://www.interativo.forumeiros.net

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum