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>
.
Exemple interactif
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
Définir la clarté avec des nombres et des pourcentages
brightness(0%) /* Complètement noir */
brightness(0.4) /* 40% de la clarté */
brightness(1) /* Aucun effet */
brightness(200%) /* Double la clarté */
Spécifications
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-brightness |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
<filter-function>
et les autres fonctions associées