Vidéo: Changer la couleur et l'opacité de l'écriture avec le CSS 2025
ont utilisé la transparence sur des sites Web en enregistrant des images au format PNG ou GIF et en rendant une couleur transparente. Bien que cette méthode ne soit pas idéale, elle a fonctionné comme un moyen de faire "flotter" les images sur une page et de superposer une image à une autre en plaçant une image dans une page sur une image de fond.
Grâce à CSS 3, vous pouvez maintenant créer des arrière-plans transparents et même spécifier différents niveaux d'opacité pour créer des effets de design plus subtils pour les pages affichées sur iPhone et iPad. Vous pouvez utiliser la propriété opacity avec des couleurs RGBa pour créer des fonctions de transparence sophistiquées dans vos conceptions, telles que la liste déroulante transparente affichée dans cette figure.
La modification de l'opacité de l'arrière-plan derrière la liste déroulante permet d'afficher l'image derrière et de créer un effet de dessin plus subtil.
Dans l'exemple illustré, l'arrière-plan du menu a été rendu gris transparent plutôt que le gris uni utilisé dans le même dessin que sur cette figure.
Les paramètres d'opacité dans CSS 3 offrent une grande flexibilité avec l'option d'utiliser une couleur RGBa et de spécifier la quantité de transparence.
