Últimos assuntos
Top dos mais postadores
Marcelo Rezende | ||||
Yuri Cordeiro | ||||
caires duarte | ||||
Afonsomatias | ||||
Nequinho | ||||
Bruno Romero | ||||
Emerson | ||||
LEDES | ||||
David Filipe | ||||
roocass |
Quem está conectado?
Há 2 usuários online :: 0 registrados, 0 invisíveis e 2 visitantes Nenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 158 em 26/10/2021, 21:26
Entrar
CSS Tutorial - Imagem transparente com CSS (mudando a opacidade).
valefotográfico :: Design :: Web Master
Página 1 de 1
CSS Tutorial - Imagem transparente com CSS (mudando a opacidade).
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.
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).
Bom pessoal, é isso. Qualquer dúvida postem aqui que eu respondo.
Abraços.
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;
}
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);
}
- Código:
img{
opacity:0.7;
filter:alpha(opacity=70);
}
Bom pessoal, é isso. Qualquer dúvida postem aqui que eu respondo.
Abraços.
Tópicos semelhantes
» Imagem do mês, Participe!
» Só Videos, Corel Draw!
» Editor de imagem GIMP2.6.6 portable
» Tutorial de After Affects em Potuguês
» [Tutorial]Jornalismo On- Line-parte 1
» Só Videos, Corel Draw!
» Editor de imagem GIMP2.6.6 portable
» Tutorial de After Affects em Potuguês
» [Tutorial]Jornalismo On- Line-parte 1
valefotográfico :: Design :: Web Master
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
18/3/2014, 22:22 por caires duarte
» Alguns P&B da baixada santista.filmes 35mm e120 MF.
6/1/2014, 19:22 por caires duarte
» "ULTIMO POR DO SOL DE 2013"
6/1/2014, 18:43 por caires duarte
» "Reveillon 2014"
4/1/2014, 20:09 por caires duarte
» Vendo Lente 18-55 , 28-105 e flash 550 EX - Canon
19/3/2011, 18:10 por Marcelo Rezende
» Bordas simples para fotos
23/11/2010, 07:40 por Yuri Cordeiro
» Coruja cuidando ninho
23/11/2010, 07:38 por Yuri Cordeiro
» Vendo Now Bomb - Brazil Militar e flash 550 EX
16/11/2010, 18:19 por Marcelo Rezende
» Tutorial de After Affects em Potuguês
28/10/2010, 18:03 por Marcelo Rezende