contrast()

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

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

Exemples

Définir un contraste à l'aide de nombres et de pourcentages

css
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