propiedades de filtro de estilo

Establecer un efecto de sombra a la imagen. Las sombras se sintetizan en la siguiente imagen, puede haber ambigüedad, un color específico puede dibujar el diagrama de máscara versión offset. Función acepta <sombra> valor (definido en el fondo CSS 3) el tipo, además de que no se permite "inserción" de palabras clave. La función con la propiedad box-shadow box-shadow existente es muy similar, a excepción de que, a través del filtro, algunos navegadores para un mejor rendimiento ofrece aceleración de hardware. <shadow>参数如下：

<Offset-x> <offset y> ( debe)

Se fijó dos desplazamiento de la sombra <medida> valor. <Offset-x> Preferencias distancia horizontal de sombra aparece en el elemento izquierda. <Offset-y> para ajustar la distancia vertical de caída sombra aparece por encima del elemento. Ver <longitud> posibles unidades.
Si ambos valores son 0, la sombra aparece detrás de los elementos positivos (si está   <blur-radius> and/or <spread-radius>， 会有模糊效果 ).

<Borrosas radio> (opcional)

Este es el tercer código> <medida> valor. Cuanto mayor sea el valor, más borrosa la sombra será más grande y más luz. Si no se les permite establecer un valor negativo, el valor predeterminado es 0 (los bordes de la sombra son agudos).

<Propagación de radio> (opcional)

Este es el cuarto <medida> valor será el valor sombra de expansión y de mayor tamaño, se reducirá sombra negativa. Si no se establece el valor por defecto es 0 (sombras y elementos del mismo tamaño).
Nota: Webkit, así como algunos otros navegadores no soportan una cuarta longitud, si no se brindará el aumento.

<Color> (opcional)

Ver <color> valor de las posibles palabras clave y etiquetas. Si no se establece, los valores de color basado en navegador. Gecko (Firefox), Presto (Opera ) y Trident (Internet Explorer) en, se aplicarán los atributos de color valores de color. Además, si se omite el valor de color, sombreado WebKit transparente.

Convertir la imagen a escala de grises. Se define el valor de la relación de conversión. Valor de 100% es completamente convertida a una imagen en escala de grises, un valor de 0% de la imagen sin cambios. Los valores entre 0% y 100%, el efecto multiplicador es lineal. Si no se establece el valor por defecto es 0;

Aplicación a la rotación de la imagen tonalidad. imagen "ángulo" ángulo de anillo de color es un valor ajustado valor de ajuste. Valor 0 grados, el cambio de imagen. Si el valor no está establecido, el valor por defecto es 0 grados. Aunque no hay un valor máximo que excede el valor del equivalente de otro 360deg perímetro.

imagen entrada inversora. Se define el valor de la relación de conversión. 100% del valor se invierte completamente. Un valor de 0%, la imagen sin cambios. Un valor entre 0% y 100%, el efecto multiplicador es lineal. Si el valor no está establecido, el valor por defecto es 0.

grado de conversión de la transparencia de la imagen. Se define el valor de la relación de conversión. 0% es totalmente transparente, y un valor de 100%, la imagen sin cambios. Un valor entre 0% y 100%, el efecto es multiplicador lineal, multiplicado por el número de muestras es también equivalente a la imagen. Si el valor no está establecido, el valor predeterminado es 1. Esta función es muy similar a la propiedad opacidad existente, excepto en que a través del filtro, con el fin de mejorar el rendimiento de algunos navegadores proporcionará la aceleración de hardware.

Convierte la saturación de la imagen. Se define el valor de la relación de conversión. 0% es totalmente insaturado, no hay cambio en la imagen es 100%. Otro valor, el efecto multiplicador es lineal. Más de 100 se permite% del valor, hay un mayor grado de saturación. Si el valor no está establecido, el valor predeterminado es 1.

Convertir la imagen en sepia. Se define el valor de la relación de conversión. Valor de 100% es completamente de color marrón oscuro, es 0% de la imagen sin cambios. Los valores entre 0% y 100%, el efecto multiplicador es lineal. Si no se establece el valor por defecto es 0;

función URL toma un archivo XML, que establece un filtro SVG, y puede incluir un ancla para especificar un elemento de filtro específico.

Por ejemplo:

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

Propiedad se establece a los valores predeterminados, consulte: la palabra clave inicial CSS