Définition de la CSS grayscale().
La fonction de Niveaux de Gris CSS grayscale() de la propriété de Filtre CSS filter permet de spécifier la quantité d'effet de niveaux de gris à appliquer sur un élément.
grayscale() :filter : grayscale(400%);
filter : grayscale(4);La fonction de Niveaux de Gris CSS grayscale(paramètre) peut prendre comme paramètre :
- un nombre compris entre 0 et 100 suivi de l'unité "%".
- un nombre compris entre 0 et 1 sans l'unité.
- aucun : pas de paramètre passé.
Exemple de code grayscale() CSS
Conditions d'application de la CSS grayscale().
La fonction de Niveaux de Gris CSS grayscale() 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 grayscale() 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 grayscale() en CSS3.
Mettez filter comme valeur de la propriété de Transition CSS transition-property.
La CSS grayscale() 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 grayscale().
Valeurs particulières du paramètre de grayscale()
Si valeur du paramètre passée à la fonction de Niveaux de Gris CSS grayscale() est :
- 100%, l'élément est en niveau de gris.
- 0, pas de changement.
- omise, la valeur est considérée comme valant 0.
Si valeur du paramètre passée à la fonction de Niveaux de Gris CSS grayscale() n'a pas d'unité, alors 1 est équivalant à 100%.
Compatibilités navigateurs de la fonction grayscale()
- Détails des versions de la CSS grayscale()
- Fonction
grayscale()est compatible avec CSS3 et plus.
Votre avis sur la définition grayscale() en CSS
Votez pour la définition CSS grayscale()
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 5 / 5 - 1
vote
Cliquez sur une étoile pour voter.