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.)
|
Propriedade
|
Descrição
|
Valores
|
Exemplo
|
Propriedades de Filtros
|

|
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) }
|

|
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)
|

|
Blur | Cria a impressão de movimento em alta velocidade. |
filter: blur(Add=, Direction=, Strength=
|
filter: blur(Add=1, Direction=90, Strength=10)
|

|
Chroma | Torna uma cor específica transparente. |
filter: chroma(Color=)
|
filter: chroma(Color=#ffff00)
|

|
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)
|

|
FlipH | Cria um reflexo horizontal de uma imagem. |
filter: fliph
|
filter: fliph
|

|
FlipV | Cria um reflexo vertical de uma imagem. |
filter: flipv
|
filter: flipv
|

|
Glow | Adiciona irradiação ao redor das bordas externas de um objeto. |
filter: glow(Color=, Strength=)
|
filter: glow(Color=#00FF00, Strength=30)
|

|
Grayscale | Retira informação de cor da imagem. |
filter: gray
|
filter: gray
|

|
Invert | Reverte os valores de coloração, saturação e brilho. |
filter: invert
|
filter: invert
|

|
Light | Projeta uma fonte de luz sobre um objeto. |
filter: light
|
filter: light
|

|
Mask | Cria uma máscara transparente de um objeto. |
filter: mask(Color=)
|
filter: mask (Color=#009933)
|

|
Shadow | Cria uma silhueta sólida em projeção. |
filter: shadow(Color=, Direction=)
|
filter: shadow(Color=#9900FF, Direction=135)
|

|
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)
|

|
XRay | Mostra somente as bordas do objeto. |
filter: xray
|
filter: xray
|

|
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 }
|

|
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 }
|