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>
.
Le code source de cet exemple interactif est disponible dans un dépÎt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Syntaxe
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
saturate(0); /* ComplÚtement sous-saturée */
saturate(.4); /* Sous-saturée à 40% */
saturate(100%); /* Aucun effet */
saturate(200%); /* Saturation doublée */