Apresentação | GuestBook | Links | Contato  

 Introdução
Sobre
Vantagens
Limitações
Implementando
Precêdencia
  
 Trabalhando com CSS
Unidades de Medida
Herança
Especificando um estilo
  
 Propriedades e Valores
Fontes
Textos
Background e Cores
Caixas
Listas
Posicionamento
Impressão
Filtros
Amostras de Filtros
Outras Propriedades
  
 Contribuições dos
 Usuários
Dicas e exemplos
Novidades
Fórum de discussão


Propriedades e Valores de Estilos para Filtros

Provavelmente surgirão novas propriedades e valores a medida em que forem desenvolvidos novos browsers cada vez mais poderosos e competitivos, e tentarei deixar o site sempre atualizado.

Você tambem pode contribuir para o crescimento e aprimoramento do site, enviando novidades, e dicas e exemplos sobre propriedades e valoes que ainda não constam em nosso site.

Suporte Propriedade Descrição Valores Exemplo
 4.x
filter (filtragem visual)(não herdado) aplica várias filtragens visuais para efeitos especiais Forma geral: { filter: nome_do_filtro(parâmetro1, parâmetro2...) { filter: dropshadow (color=#9999FF, offx=3pt, offy=5pt) }
 4.x
Alpha Coloca um nível de transparência uniforme. filter: alpha(Opacity=, FinishOpacity=, Style= StartX=, StartY=, FinishX=, FinishY=) filter: alpha(Opacity=75, FinishOpacity=15, Style=1)
 4.x
Blur Cria a impressão de movimento em alta velocidade. filter: blur(Add=, Direction=, Strength=) filter: blur(Add=1, Direction=90, Strength=10)
 4.x
Chroma Torna uma cor específica transparente. filter: chroma(Color=) filter: chroma(Color=#ffff00)
 4.x
DropShadow Cria uma silhueta sólida de um objeto. filter: DropShadow(Color=, OffX=, OffY=, Positive=) filter: DropShadow(Color=#003399, OffX=3, OffY=3, Positive=1)
 4.x
FlipH Cria um reflexo horizontal de uma imagem. filter: fliph filter: fliph
 4.x
FlipV Cria um reflexo vertical de uma imagem. filter: flipv filter: flipv
 4.x
Glow Adiciona irradiação ao redor das bordas externas de um objeto. filter: glow(Color=, Strength=) filter: glow(Color=#00FF00, Strength=30)
 4.x
Grayscale Retira informação de cor da imagem. filter: gray filter: gray
 4.x
Invert Reverte os valores de coloração, saturação e brilho. filter: invert filter: invert
 4.x
Light Projeta uma fonte de luz sobre um objeto. filter: light filter: light
 4.x
Mask Cria uma máscara transparente de um objeto. filter: mask(Color=) filter: mask (Color=#009933)
 4.x
Shadow Cria uma silhueta sólida em projeção. filter: shadow(Color=, Direction=) filter: shadow(Color=#9900FF, Direction=135)
 4.x
Wave Cria uma distorção senoidal em ondas ao longo do eixo X. filter: wave(Add=, Freq=, Phase=, LightStrength=, Strength=) filter: wave(Add=1, Freq=10, Phase=90, LightStrength=10, Strength=10)
 4.x
XRay Mostra somente as bordas do objeto. filter: xray filter: xray
 4.x
filter (filtro de revelação de transição) (não herdado) permite revelar ou esconder elementos visuais, usando padrões pré-definidos Forma geral: { filter: revealtrans (duração=duration, forma da transição=transitionshape)} (a duração é expressa em segundos.milisegundos)
(a forma da transição é indicada por um valor de 1 a 23, como segue: Tipo de transição Valor
Caixa interna: 0
Caixa externa: 1
Círculo interno: 2
Círculo externo: 3
Esfregado para cima: 4
Esfregado para baixo: 5
Esfregado para a direita: 6
Esfregado para a esquerda: 7
Cortinas verticais: 8
Cortinas horizontais: 9
Tabuleiro de damas atravessado: 10
Tabuleiro de damas para baixo: 11
Dissolução aleatória: 12
Fenda vertical para dentro: 13
Fenda vertical para fora: 14
Fenda horizontal para dentro: 15
Fenda horizontal para fora: 16
Faixas à esquerda para baixo: 17
Faixas à esquerda para cima: 18
Faixas à direita para baixo: 19
Faixas à direita para cima: 20
Barras horizontais aleatórias: 21
Barras verticais aleatórias: 22
Aleatoriedade: 23
{ filter: revealtrans (duration=2.0, transition=10 }
 4.x
filter (filtro de transição de mistura) (não herdado) faz o elemento visual desvanecer ou aparecer gradualmente Forma geral: { filter: blendTrans (Duração=duration}
(a duração é expressa em segundos.milisegundos)
{ filter: blendTrans (duration=2.0, transition=10 }

Copyleft 2002 - Todos os direitos reservados