<filter-function>
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
- Propiedades que usan este tipo de datos:
filter
ybackdrop-filter