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>.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
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 */