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 !
Syntaxe
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 de100%
permttra d'obtenir une image complètement sépia tandis qu'une valeur de0%
laissera l'image inchangée. Les valeurs entre0%
et100%
représenteront des conversions proportionnelles. Lors d'une interpolation, la valeur par défaut sera0
.
Exemples
sepia(0); /* Aucun effet */
sepia(.65); /* 65% de sépia */
sepia(100%); /* Complètement sépia */