Avec la prise en charge progressive du CSS 3 par nos navigateurs, il est temps d’exploiter les nouvelles possibilités !
Aujourd’hui nous allons ajouter une ombre portée sur des parties de notre page web.

Les 3 premières valeurs sont les couleurs RGB (red, green, blue) ou RVB (rouge, vert, bleu), et la dernière valeur concerne l’alpha (la transparence). Pour la transparence 0 est égale à complètement transparent, 0,5 semi-transparent et 1 complètement opaque. Pour plus d’explication veuillez consulter, comment gérer la transparence en CSS. ce qui nous donne cela ! RGBA s’applique à toutes les propriétés de couleurs comme font color, border color, background color, shadow color, etc. Par conséquent RGBA peut se substituer aux couleurs HTML (#RVB). #EF7719 devient par exemple rgba( 239, 119, 25, 1). Voir aussi comment convertir une couleur HTML en composantes RGB, et inversement, comment convertir une composante RGB (RVB) en couleur HTML.

La transparence en CSS est une question qui revient très souvent. Prise en charge différemment sur chaque navigateur, elle peut s’avérer confuse au premier abord. Voici un peut de clarté sur le sujet.