brightness()
La fonction CSS brightness()
applique un multiplicateur linéaire sur une image afin de la rendre plus claire ou plus sombre. Le résultat obtenu 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
brightness(multiplicateur)
Paramètres
multiplicateur
- L'amplification de la clarté de l'image, indiquée sous la forme d'un nombre (
<number>
) ou d'un pourcentage (<percentage>
). Une valeur inférieure à100%
assombrira l'image alors qu'une valeur supérieure à100%
la rendra plus claire. Une valeur de0%
permettra d'obtenir une image complètement noire et une valeur de100%
laissera l'image inchangée. La valeur par défaut utilisée lors de l'interpolation est1
.
Exemples
brightness(0%) /* Complètement noir */
brightness(0.4) /* 40% de la clarté */
brightness(1) /* Aucun effet */
brightness(200%) /* Double la clarté */