contrast()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
La fonction CSS contrast()
permet d'ajuster le contraste d'une image. Le résultat de cette fonction est une valeur de type <filter-function>
.
Exemple interactif
Syntaxe
contrast(multiplicateur)
Paramètres
multiplicateur
-
La modification de contraste à appliquer à l'image, exprimée sous la forme d'un nombre (
<number>
) ou d'un pourcentage (<percentage>
). Une valeur inférieure à100%
réduira le contraste et une valeur supérieure à100%
accentuera le contraste. Une valeur de0%
permettra d'obtenir une image complètement grise et une valeur de100%
laissera l'image inchangée. La valeur par défaut utilisée pour les interpolations est1
.
Exemples
Définir un contraste à l'aide de nombres et de pourcentages
contrast(0); /* Complètement gris */
contrast(65%); /* 65% de contraste */
contrast(1); /* Aucun effet */
contrast(200%); /* Contraste doublé */
Spécifications
Specification |
---|
Filter Effects Module Level 1 # funcdef-filter-contrast |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
<filter-function>
et les autres fonctions associées