sepia()

La fonction CSS sepia() convertit une image en sépia, lui donnant un aspect plus jaune/marron, voire vielli. Le résultat obtenu est une valeur de type <filter-function>.

Exemple interactif

Syntaxe

css
sepia(multiplicateur)

Paramètres

multiplicateur

L'intensité de la conversion indiquée sous la forme d'un nombre (<number>) ou d'un pourcentage (<percentage>). Une valeur de 100% permettra d'obtenir une image complètement sépia tandis qu'une valeur de 0% laissera l'image inchangée. Les valeurs entre 0% et 100% représenteront des conversions proportionnelles. Lors d'une interpolation, la valeur par défaut sera 0.

Exemples

Exemples de valeurs correctes pour sepia()

css
sepia(0);     /* Aucun effet */
sepia(.65);   /* 65% de sépia */
sepia(100%);  /* Complètement sépia */

Spécifications

Specification
Filter Effects Module Level 1
# funcdef-filter-sepia

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi