sepia() CSS fonction

Définition de la CSS sepia().

La fonction Sépia CSS sepia() de la propriété de Filtre CSS permet de spécifier la quantité d'effet de couleur sépia à appliquer sur un élément.

Exemple de syntaxe CSS sepia() :
filter : sepia();
filter : sepia(0);
filter : sepia(400%);
filter : sepia(0.5);

La fonction Sépia CSS sepia(paramètre) peut prendre comme paramètre de sépia :

  • un nombre compris entre 0 et 00+ suivi de l'unité "%".
  • un nombre compris entre 0 et 00+ sans unité, dans ce cas 1 est équivalant à 100%.
  • aucun paramètre passé.
Vous pouvez tester l'effet en live du Filtre CSS sepia().

Conditions d'application de la CSS sepia().

La fonction Sépia CSS sepia() peut être utilisée sur l'ensemble des éléments (X)HTML et pas seulement sur des éléments graphiques.

Problème d'interprétation de sepia() en Css.

La propriété de Filtre CSS filter n'est pas reconnue pour tous les navigateur.
Safari, Chrome utilisent la propriété de Filtre CSS préfixée -webkit-filter.

Conditions d'animation de sepia() en CSS3.

Mettez filter comme valeur de la propriété de Transition CSS transition-property.

La CSS sepia() est une fonction de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.

Règles de syntaxes CSS pour sepia().

Valeurs particulières du paramètre de sepia()

Si valeur du paramètre passée à la fonction Css sepia() est :

  • 100%, l'élément devient totalement sépia.
  • 0, pas de changement.
  • omise, la valeur est considérée comme valant 0.

Si valeur passée à la fonction Css sepia() n'a pas d'unité alors 1 est équivalant à 100%.

Compatibilités navigateurs de la fonction sepia()

Votre avis sur la définition sepia() en CSS

Votez pour la définition CSS sepia()

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/sepia-css-fonction.html Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.