propriedades do filtro Estilo

Configurar um efeito de sombra à imagem. As sombras são sintetizados na imagem abaixo, pode haver ambiguidade, uma cor específica pode desenhar a máscara diagrama versão offset. Função aceita <sombra> valor (definido no fundo CSS3) tipo, além de "inserção" palavra-chave não é permitido. A função com a propriedade box-shadow box-shadow existente é muito semelhante, exceto que, através do filtro, alguns navegadores para um melhor desempenho fornece aceleração de hardware. <shadow>参数如下：

<Offset-x> <compensando y> ( deve)

Ele é definido dois sombra compensação <length> valor. <Offset-x> Preferências distância horizontal de sombra aparece no elemento esquerdo. <Offset-y> para definir a distância vertical de queda sombra aparece acima do elemento. Veja <length> possíveis unidades.
Se ambos os valores são 0, a sombra aparece por trás dos elementos positivos (se estiver definido   <blur-radius> and/or <spread-radius>， 会有模糊效果 ).

<Esbater-raio> (opcional)

Esta é a terceira code> <length> valor. Quanto maior o valor, mais turva a sombra vai se tornar maior e mais luz. Se não tem permissão para definir um valor negativo, o padrão é 0 (as fronteiras de sombra são nítidas).

<Spread-raio> (opcional)

Este é o quarto <length> valor valor vai apagar expansão e maior, sombra negativa será reduzida. Se não for definida, o padrão é 0 (sombras e elementos do mesmo tamanho).
Nota: Webkit, bem como alguns outros navegadores não suportam um quarto comprimento, se o aumento não irá ser processado.

<Color> (opcional)

Veja <color> Valor das possíveis palavras-chave e tags. Se não for definido, os valores de cor com base no navegador. Gecko (Firefox), Presto (Opera ) e Trident (Internet Explorer) em, serão aplicados os atributos de cor valores de cor. Além disso, se o valor da cor é omitido, o WebKit sombreada transparente.

Converter a imagem em tons de cinza. Ele define o valor da taxa de conversão. Valor de 100% é completamente convertido para uma imagem em tons, um valor de 0% da imagem inalterada. Os valores entre 0% e 100%, o efeito multiplicador é linear. Se não for definido, o valor padrão é 0;

Aplicação à rotação da imagem matiz. imagem "Angle" ângulo anel de cor é um valor valor ajustado ajustado. Valor 0deg, a mudança de imagem. Se o valor não for definido, o valor padrão é 0deg. Embora não haja nenhum valor máximo que excede o valor do equivalente de outro 360deg perímetro.

Invertendo imagem de entrada. Ele define o valor da taxa de conversão. 100% do valor é completamente invertida. Um valor de 0%, a imagem inalterada. Um valor entre 0% e 100%, o efeito multiplicador é linear. Se o valor não for definido, o valor padrão é 0.

grau de conversão de transparência da imagem. Ele define o valor da taxa de conversão. 0% é completamente transparente, e um valor de 100%, a imagem inalterada. Um valor entre 0% e 100%, o efeito multiplicador é linear, multiplicado pelo número de amostras é também equivalente à imagem. Se o valor não for definido, o valor padrão é 1. Esta função é muito semelhante à propriedade opacidade existente, excepto que através do filtro, a fim de melhorar o desempenho de alguns navegadores irá fornecer aceleração de hardware.

Converte a saturação da imagem. Ele define o valor da taxa de conversão. 0% é totalmente insaturado, nenhuma mudança na imagem é de 100%. Outro valor, o efeito multiplicador é linear. Mais do que 100% do valor é permitido, existe uma saturação mais elevada. Se o valor não for definido, o valor padrão é 1.

Converter a imagem para sépia. Ele define o valor da taxa de conversão. Valor de 100% é totalmente castanho escuro, é 0% da imagem inalterada. Os valores entre 0% e 100%, o efeito multiplicador é linear. Se não for definido, o valor padrão é 0;

função URL leva um arquivo XML, que define um filtro SVG, e pode incluir uma âncora para especificar um elemento de filtro específico.

Por exemplo:

filter: url(svg-url#element-id)

Propriedade é definida para os valores padrão, consulte: a palavra-chave inicial CSS