sepia() - Fonction CSS
Résumé des caractéristiques de la fonction sepia()
100%
correspond à une transformation complète en sépia.Description de la fonction sepia()
.
La fonction sepia()
applique un effet sépia à un élément, le plus souvent à une image.
La fonction sepia() peut être utilisée avec :
backdrop-filter
: Applique un filtre graphique sur l'élément situé en arrière plan.filter
: Applique un filtre graphique (flou, contraste...) à un élément.
Syntaxe de la fonction sepia()
.
- filter: sepia(50%); n
n
indique le taux de sépia à ajouter à l'image.C'est un nombre entre 0 et 1, sans unité ou un pourcentage.
0
laisse l'image inchangée.
1
ou100%
produit une image totalement sépia.
Les valeurs intermédiaires laissent apparaître un peu des couleurs originales.La valeur par défaut est
100%
(lorsque les parenthèses sont laissées vides).Les valeurs négatives provoquent un refus de la règle .
Simulateur.
Compatibilité et prise en charge par les navigateurs.
Les navigateurs récents traitent très bien tous les effets de filtre sur les images, y compris la fonction sepia()
.
sepia()
.
sepia()
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra
Opéra Mobile
QQ Browser
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir aussi, dans le même module de standardisation que sepia()
.
Les spécifications CSS éditées par le W3C sont organisées en modules. sepia()
fait partie du Module filtres et effets (Filter Effects Module). Les définitions suivantes sont également décrites dans ce même module.