[Página prévia] [Próxima página] [Seção página de conteúdo]

Propriedades e Valores de Filtros

Logo abaixo se encontra uma tabela com propriedades e valores estilísticos para filtros. (Eu incluí aqui somente propriedades suportadas atualmente pelo Internet Explorer e pelo Netscape -- outras propriedades serão acrescentadas na medida em que elas passem a ser suportadas)

(observe que o tipo de filtragem implementada no IE 4.0 só funciona se você especificar as propriedades de filtro numa classe [p.e. .dropshadow] e acessá-la através de uma tag TD, DIV, ou SPAN com o apropriado atributo de classe. Você também precisa ajustar as propriedades de posicionamento, altura e largura para que alguns dos filtros funcionem. Se você estiver usando IE 4.0 (ou posterior), pode ver uma amostra dos filtros com uma folha de estilos de exemplos aqui.)

Propriedades e Valores Normalmente Usados em Cascading Style Sheets

Legenda
IE3 Suportado pelo Internet Explorer 3.x
IE4 Suportado pelo Internet Explorer 4.x
N4 Suportado pelo Netscape 4.x
pt = pontos
in = polegadas
cm = centímetros
px = pixels
em = altura da fonte do elemento
(a unidade em ainda não é amplamente suportada e deve ser usada com cuidado)
  Propriedade Descrição Valores Exemplo
Propriedades de Filtros
IE4
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) }
IE4
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)
IE4
Blur Cria a impressão de movimento em alta velocidade. filter: blur(Add=, Direction=, Strength= filter: blur(Add=1, Direction=90, Strength=10)
IE4
Chroma Torna uma cor específica transparente. filter: chroma(Color=) filter: chroma(Color=#ffff00)
IE4
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)
IE4
FlipH Cria um reflexo horizontal de uma imagem. filter: fliph filter: fliph
IE4
FlipV Cria um reflexo vertical de uma imagem. filter: flipv filter: flipv
IE4
Glow Adiciona irradiação ao redor das bordas externas de um objeto. filter: glow(Color=, Strength=) filter: glow(Color=#00FF00, Strength=30)
IE4
Grayscale Retira informação de cor da imagem. filter: gray filter: gray
IE4
Invert Reverte os valores de coloração, saturação e brilho. filter: invert filter: invert
IE4
Light Projeta uma fonte de luz sobre um objeto. filter: light filter: light
IE4
Mask Cria uma máscara transparente de um objeto. filter: mask(Color=) filter: mask (Color=#009933)
IE4
Shadow Cria uma silhueta sólida em projeção. filter: shadow(Color=, Direction=) filter: shadow(Color=#9900FF, Direction=135)
IE4
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)
IE4
XRay Mostra somente as bordas do objeto. filter: xray filter: xray
IE4
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 }
IE4
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 }

[Página prévia] [Próxima página] [Seção página de conteúdo]