RGBA est une couleur CSS qui peut définir les valeurs de couleur et la transparence
Ci-dessous, le blanc utilise rgba() pour définir une transparence de 50 %.
p{
couleur : rgba (255, 255, 255, 0,5) ;
}
RGBA est une extension du modèle de couleur RVB. Cet acronyme représente les premières lettres des trois couleurs primaires rouge, vert et bleu, et la valeur alpha représente la transparence/opacité de la couleur.
Syntaxe RVBA
Le format de représentation des couleurs RGBA est :
rgba (rouge, vert, bleu, alpha)
Les trois premières valeurs (rouge, vert et bleu) vont de nombres entiers compris entre 0 et 255 ou de pourcentages compris entre 0 % et 100 %. Ces valeurs décrivent la quantité des trois couleurs primaires rouge, vert et bleu dans la couleur souhaitée.
Si vous souhaitez définir du rouge pur, définissez le paramètre rouge sur full, c'est-à-dire 255, et définissez les paramètres vert et bleu sur 0.
couleur d'arrière-plan : rgba(255, 0, 0, 1) ;
résultat:
Les pourcentages peuvent également être utilisés :
couleur d'arrière-plan : rgba (100 %, 0 %, 0 %, 1 );
résultat:
La quatrième valeur, alpha, spécifie la transparence/opacité de la couleur et varie de 0,0 à 1,0
L'exemple suivant est jaune avec 50 % de transparence :
couleur : rgba (255, 242, 0, 0,5) ;
La translucidité CSS est compatible avec Firefox, IE et Chrome. Les versions actuelles des navigateurs sont relativement élevées. Vous pouvez vous sentir libre de l’utiliser dans votre projet.