Fonction rgba() CSS
Exemple
Utiliser des couleurs RGBA et la transparence :
#p1 {background-color:rgba(255,0,0,0.3);} /*red*/
#p2 {background-color:rgba(0,255,0,0.3);} /*green*/
#p3 {background-color:rgba(0,0,255,0.3);} /*Blue*/
Essayez-le vous-même »
Définition et utilisation
La fonction rgba() utilise les composantes rouge (R), vert (G), bleu (B) et alpha (A) pour générer une variété de couleurs.
RGBA signifie rouge, vert, bleu et transparence (anglais : Red, Green, Blue, Alpha).
- Rouge (R)Un entier entre 0 et 255, représentant la composante rouge de la couleur.
- Vert (G)Un entier entre 0 et 255, représentant la composante verte de la couleur.
- Bleu (B)Un entier entre 0 et 255, représentant la composante bleue de la couleur.
- Transparence (A)Une valeur comprise entre 0 et 1, représentant la transparence (alpha).
Versions prises en charge : CSS3
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge la fonction.
| Fonction | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
rgba(red, green, blue, alpha)
| Valeur | Description |
|---|---|
| red | Définit la valeur du rouge, allant de 0 à 255, ou sous forme de pourcentage de 0% à 100%. |
| green | Définit la valeur du vert, allant de 0 à 255, ou sous forme de pourcentage de 0% à 100%. |
| blue | Définit la valeur du bleu, allant de 0 à 255, ou sous forme de pourcentage de 0% à 100%. |
| alpha - transparence | Définit la transparence (alpha) de 0 (entièrement transparent) à 1 (entièrement opaque). |
autres extensions