Définition de la CSS saturate().
La fonction de Saturation CSS saturate() de la propriété de Filtre CSS filter permet de spécifier la quantité d'effet de saturation de couleurs à appliquer sur un élément.
saturate() :filter : saturate(50%);
filter : saturate(0.5);La fonction de Saturation CSS saturate(paramètre) peut prendre comme paramètre de saturation :
- 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é.
Exemple de code saturate() CSS
Conditions d'application de la CSS saturate().
La fonction de Saturation CSS saturate() 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 saturate() en Css.
La propriété de Filtre CSS filter n'est pas reconnue pour tous les navigateurs.
Safari, Chrome utilisent la propriété de Filtre CSS préfixée -webkit-filter.
Conditions d'animation de saturate() en CSS3.
Mettez filter comme valeur de la propriété de Transition CSS transition-property.
La CSS saturate() 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 saturate().
Valeurs particulières du paramètre de saturate()
Si valeur du paramètre passée à la fonction de Saturation CSS saturate() est :
- 0, l'élément devient gris ou noir.
- 100%, pas de changement.
- omise, la valeur est considérée comme valant 1.
Si valeur du paramètre passée à la fonction de Saturation CSS saturate() n'a pas d'unité alors 1 est équivalant à 100%.
Compatibilités navigateurs de la fonction saturate()
- Détails des versions de la CSS saturate()
- Fonction
saturate()est compatible avec CSS3 et plus.
Votre avis sur la définition saturate() en CSS
Votez pour la définition CSS saturate()
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.5 / 5 - 2
votes
Cliquez sur une étoile pour voter.