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>.
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é */