Transparence et Opacité en CSS

Dans cette leçon, nous explorons les concepts de transparence et d'opacité dans le CSS. La transparence est appliquée sur une couleur en utilisant la propriété RGBA, où le quatrième paramètre représente la couche alpha pour la transparence, variant de 1 (opaque) à 0 (transparent).

Nous comparons l'utilisation de la transparence avec l'opacité, mettant en évidence que l'opacité s'applique à tous les éléments d'un conteneur, affectant leur visibilité de la même manière, tandis que la couche alpha ne modifie que la couleur de fond.

Pour illustrer, nous créons un effet de rétroaction visuelle sous forme d'une image légèrement transparente au survol de la souris, en utilisant le sélecteur approprié pour cibler et styliser l'élément.

L'objectif est d'améliorer l'interaction et l'expérience utilisateur sur le site Web grâce à des effets CSS bien conçus. Attention à ne pas utiliser ces effets sans raison valable pour éviter toute confusion.