Médiaforma

Transparence rgba

Print Friendly

La rubrique précédente vous a montré comment définir des couleurs en CSS en utilisant un code hexadécimal ou en transmettant des valeurs comprises entre 0 et 255 ou des pourcentages à la fonction rgb(). Vous allez maintenant franchir un pas supplémentaire en utilisant la fonction CSS3 rgba(r, v, b, a). Dans cette fonction :

  • r, v et b représentent les composantes rouge, verte et bleue de la couleur, comprises entre 0 et 255 ou entre 0% et 100% ;
  • a représente la transparence, entre 0 (totalement transparent) et 1 (totalement opaque).

A titre d’exemple, nous allons réutiliser le code de la rubrique précédente, en affectant une transparence de 0.8 à l’arrière-plan de couleur rouge, une transparence de 0.5 à l’arrière-plan de couleur verte et une transparence de 0.2 à l’arrière-plan de couleur bleue.

La commande Exécution / Launch in IE affiche le résultat dans Internet Explorer :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply