<filter-function>

Le type de donnée <filter-function> représente un effet graphique qui peut modifier l'apparence d'une image. Il est notamment utilisé avec les propriétés filter et backdrop-filter.

Syntaxe

Une valeur de type <filter-function> se construit avec l'une des fonctions listées ci-après. Chaque fonction utilise un argument et si celui-ci est invalide, aucun filtre n'est appliqué.

blur()
Ajoute un flou sur l'image.
brightness()
Rend l'image plus claire ou plus sombre.
contrast()
Augmente ou diminue le contraste de l'image.
drop-shadow()
Applique une ombre portée derrière l'image.
grayscale()
Convertit l'image en niveaux de gris.
hue-rotate()
Modifie la teinte globale de l'image.
invert()
Inverse les couleurs de l'image.
opacity()
Rend l'image transparente.
saturate()
Sursature ou désature l'image.
sepia()
Convertit l'image en sépia.

Spécifications

Spécification État Commentaires
Filter Effects Module Level 1
La définition de '<filter-function>' dans cette spécification.
Version de travail Définition initiale.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,