Dans le cours : CSS : Astuces et techniques

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.

Modifier l'opacité d'une couleur hexadécimale

Modifier l'opacité d'une couleur hexadécimale - Tutoriel CSS

Dans le cours : CSS : Astuces et techniques

Modifier l'opacité d'une couleur hexadécimale

Parmi les fonctions du CSS, certaines sont plus célèbres que d'autres. Par exemple, tout le monde connaît les fonctions RGB ou RGBA qui permettent de générer des couleurs. Mais dans cette vidéo, vous allez voir que même ces fonctions, pourtant très populaires, peuvent encore révéler quelques belles surprises. Pour vous montrer comment cela fonctionne, je vais rajouter une couleur de fond aux éléments fieldset de mon formulaire. Direction ma feuille de style. Et au niveau du style qui contrôle le formulaire, eh bien, je vais rajouter un style supplémentaire pour l'élément fieldset et je vais utiliser, ici, la propriété background-color du CSS et la fonction var pour aller rechercher ma couleur --foreground-light, c'est-à-dire la couleur la plus claire de mon jeu de couleurs, et rappelez-vous que cette variable --foreground-light. eh bien, sa valeur, c'est la couleur blanche, mais exprimée en hexadécimal, donc #FFFFFF. Allons voir ce que ça donne au niveau de notre navigateur.…

Table des matières