Vidéo: Responsive Menu bar Design With Html and CSS - Transparent Menu with CSS Media Query - Tutorial 2025
En plus du mot-clé transparent, CSS3 a une autre façon de produire des éléments transparents ou translucides sur votre web pages, comme indiqué dans le morceau de code suivant.
CSS 3 introduit le nouveau sélecteur de couleur RGBa. RGBa est le même que le sélecteur de couleurs RVB d'origine, sauf qu'il prend une valeur qui décrit l'alpha, ou la transparence, de l'élément stylé.
Ces éléments sont tous bleus, mais ils présentent une transparence différente, comme illustré. Notez comment le bloc rouge uni est visible.
Dans cet exemple de site sur les méduses, des dégradés avec transparence ont été utilisés pour laisser transparaître l'arrière-plan. Vous pouvez voir qu'il a été utilisé pour créer un effet en couches. Si la couleur la plus basse de la page est modifiée, toutes les couleurs en couches permettent au filtre de changement de passer par une teinte.
Le résultat de l'utilisation de cette technique de dégradé est que l'ensemble du site peut changer avec un seul changement d'arrière-plan.
