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

css
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 de 0% permettra d'obtenir une image complètement noire et une valeur de 100% laissera l'image inchangée. La valeur par défaut utilisée lors de l'interpolation est 1.

Exemples

Définir la clarté avec des nombres et des pourcentages

css
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