Définition de la CSS invert().
La fonction d'Inversion de couleur CSS invert() de la propriété de Filtre CSS filter permet de spécifier la quantité d'effet d'inversion de couleurs à appliquer sur un élément.
invert() :filter : invert(50%);
filter : invert(0.5);La fonction d'Inversion de couleur CSS invert(X) CSS peut prendre comme paramètre d'inversion :
- un nombre positif compris entre 0 et 00+ suivi de l'unité "%".
- un nombre positif compris entre 0 et 00+ sans unité, dans ce cas 1 est équivalant à 100%.
- aucun paramètre passé.
Conditions d'application de la CSS invert().
La fonction d'Inversion de couleur CSS invert() 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 invert() 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 invert() en CSS3.
Mettez filter comme valeur de la propriété de Transition CSS transition-property.
La CSS invert() 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 invert().
Valeurs particulières du paramètre de invert()
Si valeur du paramètre passée à la fonction d'Inversion de couleur CSS invert() est :
- 100%, les couleurs sont totalement inversées.
- 0, pas de changement.
- omise, la valeur est considérée comme valant 0.
Si valeur du paramètre passée à la fonction d'Inversion de couleur CSS invert() n'a pas d'unité alors 1 est équivalant à 100%.
Les valeurs de plus de 100% sont autorisés, mais navigateurs doivent serrer les valeurs à 1
Compatibilités navigateurs de la fonction invert()
- Détails des versions de la CSS invert()
- Fonction
invert()est compatible avec CSS3 et plus.
Votre avis sur la définition invert() en CSS
Votez pour la définition CSS invert()
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 5 / 5 - 1
vote
Cliquez sur une étoile pour voter.