<filter-function>
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde septiembre de 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
| Especificación |
|---|
| Filter Effects Module Level 1 # typedef-filter-function |
Ver también
- Propiedades que usan este tipo de datos:
filterybackdrop-filter