Propriedades e Valores de Alguns Filtros

 



Logo abaixo você encontra uma tabela com propriedades e valores estilísticos para filtros.

Propriedades e Valores normalmente usados em Cascading Style Sheets

Legenda
pt = pontos
in = polegadas
cm = centímetros
px = pixels
em = altura da fonte do elemento
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 }

 

Lilian Russo

Fonte: Microsoft


Lilian Russo - Todos os Direitos Reservados - ©2002/2008 - Design by iCre@tions Web Solutions




.