grayscale()
La fonction CSS grayscale()
convertit une image en niveaux de gris. Le résultat de cette fonction est une valeur <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
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 */