Définition de la CSS contrast().
La fonction de Contraste CSS contrast() de la propriété de Filtre CSS filter permet de spécifier la quantité d'effet de contraste de couleurs à appliquer sur un élément.
contrast() :filter : contrast(50%);
filter : contrast(0.5);La fonction de Contraste CSS contrast(paramètre) CSS peut prendre comme paramètre de contraste :
- 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 contrast() CSS
Conditions d'application de la CSS contrast().
La fonction de Contraste CSS contrast() 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 contrast() 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 contrast() en CSS3.
Mettez filter comme valeur de la propriété de Transition CSS transition-property.
La CSS contrast() 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 contrast().
Valeurs particulières du paramètre de contrast()
Si valeur du paramètre passée à la fonction de Contraste CSS contrast() est :
- 0, l'élément n'a plus de contraste, il 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 Contraste CSS contrast() n'a pas d'unité alors 1 est équivalant à 100%.
Compatibilités navigateurs de la fonction contrast()
- Détails des versions de la CSS contrast()
- Fonction
contrast()est compatible avec CSS3 et plus.
Votre avis sur la définition contrast() en CSS
Votez pour la définition CSS contrast()
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 5 / 5 - 1
vote
Cliquez sur une étoile pour voter.