invert() - Fonction CSS
Résumé des caractéristiques de la fonction invert()
100%
correspond à une inversion complète des couleurs.Description de la fonction invert()
.
La fonction invert()
inverse les couleurs d'un élément : les tons sombres deviennent
clairs et vice-versa.
En appliquant une inversion totale (100%) on obtient donc le négatif de l'image originale.
Une inversion de 50% donnera une image totalement grise.
La fonction invert() peut être utilisée avec :
backdrop-filter
: Applique un filtre graphique sur l'élément situé en arrière plan.filter
: Applique un filtre graphique (flou, contraste...) à un élément.
Syntaxe de la fonction invert()
.
- filter: invert(75%); n
n
est une valeur sans unité comprise entre 0 et 1 ou bien un pourcentage. Elle indique le taux d'inversion.
0
correspond à une image non inversée, identique à l'originale.
0.5
ou50%
donne une image grise.
1
ou100%
correspond au négatif de l'image de départ.Les valeurs négatives sont interdites.
Si aucune valeur n'est indiquée, la syntaxe est équivalente à
invert(100%)
.
Simulateur.
Prise en charge de invert()
par les navigateurs (compatibilité).
La fonction invert()
est bien reconnue par les navigateurs, comme toutes les autres fonctions de filtre graphique,
sauf par , mais ce navigateur n'est plus utilisé.
invert()
.
invert()
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra
Opéra Mobile
QQ Browser
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir aussi, dans le même module de standardisation que invert()
.
Les spécifications CSS éditées par le W3C sont organisées en modules. invert()
fait partie du Module filtres et effets (Filter Effects Module). Les définitions suivantes sont également décrites dans ce même module.