grayscale()
La fonction CSS grayscale() convertit une image en niveaux de gris. Le résultat de cette fonction est une valeur <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
grayscale(multiplicateur)
Paramètres
multiplicateur- L'intensité de la conversion, indiquée sous la forme d'un nombre (
<number>) ou d'un pourcentage (<percentage>). Avec une valeur égale à100%, l'image obtenue sera complètement en niveaux de gris. Avec une valeur égale à0%, l'image source restera inchangée. Les valeurs comprises entre0%et100%auront un effet intermédiaire (progression linéaire). Dans le cas d'une interpolation, la valeur par défaut utilisée est0.
Exemples
grayscale(0) /* Aucun effet */
grayscale(.7) /* Converti à 70% en niveaux de gris */
grayscale(100%) /* Uniquement en niveaux de gris */