El tipo de datos CSS <filter-function> representa un efecto gráfico que puede cambiar la apariencia de una imagen de entrada. Se usa en las propiedades filter y backdrop-filter.

Sintaxis

El tipo de datos <filter-function> se especifica utilizando una de las funciones de filtro enumeradas a continuación. Cada función requiere un argumento que, si no es válido, da como resultado que no se aplique ningún filtro.

blur()
Difumina la imagen.
brightness()
Hace que la imagen sea más brillante o más oscura.
contrast()
Aumenta o disminuye el contraste de la imagen.
drop-shadow()
Aplica una sombra paralela detrás de la imagen.
grayscale()
Convierte la imagen a escala de grises.
hue-rotate()
Cambia el tono general de la imagen.
invert()
Invierte los colores de la imagen.
opacity()
Hace que la imagen sea transparente.
saturate()
Super-saturado o desaturado la imagen de entrada.
sepia()
Convierte la imagen a sepia.

Especificación

Especificación Estado Comentarios
Filter Effects Module Level 1
La definición de '<filter-function>' en esta especificación.
Working Draft Definición inicial.

Ver también

Etiquetas y colaboradores del documento

Colaboradores en esta página: lajaso, mfluehr
Última actualización por: lajaso,