saturate()
La fonction CSS saturate()
permet d'accentuer ou de réduire la saturation d'une image. La valeur obtenue par cette fonction est une valeur de type <filter-function>
.
Exemple interactif
Syntaxe
css
saturate(multiplicateur)
Paramètres
multiplicateur
-
L'intensité de la modification sous la forme d'un nombre (
<number>
) ou d'un pourcentage (<percentage>
). Une valeur inférieure à100%
réduira la saturation et une valeur supérieure accentuera la saturation. Une valeur de0%
désaturera complètement l'image alors qu'une valeur de100%
laissera l'image inchangée. Lors d'une interpolation, la valeur par défaut est1
.
Exemples
Exemples de valeurs correctes pour saturate()
css
saturate(0); /* Complètement sous-saturée */
saturate(.4); /* Sous-saturée à 40% */
saturate(100%); /* Aucun effet */
saturate(200%); /* Saturation doublée */
Spécifications
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-saturate |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
<filter-function>
et les autres fonctions associées