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>.

Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !

sepia(multiplicateur)

multiplicateur

L'intensité de la conversion indiquée sous la forme d'un nombre (<number>) ou d'un pourcentage (<percentage>). Une valeur de 100% permttra 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.

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

• <filter-function>