<filter-function>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

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.

Especificaciones

Specification
Filter Effects Module Level 1
# typedef-filter-function

Ver también