Définition de la CSS opacity().
La fonction d'Opacité CSS opacity() de la propriété de Filtre CSS filter permet de spécifier la quantité d'effet d'opacité ou de transparence à appliquer sur un élément.
opacity() :filter : opacity(50%);
filter : opacity(0.5);La fonction d'Opacité CSS opacity(paramètre) peut prendre comme paramètre de transparence :
- un nombre positif compris entre
0et00+suivi de l'unité "%". Au delà de100%équivaut à100%. - un nombre positif compris entre
0et00+sans unité, dans ce cas1est équivalant à100%.1est la valeur par défaut. - aucun paramètre passé.
Conditions d'application de la CSS opacity().
La fonction d'Opacité CSS opacity() 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 opacity() 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 opacity() en CSS3.
Mettez filter comme valeur de la propriété de Transition CSS transition-property.
La CSS opacity() 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 opacity().
Valeurs particulières du paramètre de opacity()
Si valeur du paramètre passée à la fonction d'Opacité CSS opacity() est :
- 0, l'élément est totalement transparent.
- 100%, pas de changement.
- omise, la valeur est considérée comme valant 1.
Si valeur du paramètre passée à la fonction d'Opacité CSS opacity() n'a pas d'unité alors 1 est équivalant à 100%.
Compatibilités navigateurs de la fonction opacity()
- Détails des versions de la CSS opacity()
- Fonction
opacity()est compatible avec CSS3 et plus.
Votre avis sur la définition opacity() en CSS
Votez pour la définition CSS opacity()
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 5 / 5 - 1
vote
Cliquez sur une étoile pour voter.