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 - 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
-
-
-
-
-
-
-
(Verrouillé)
Utiliser les sélecteurs d'attribut5 m 6 s
-
(Verrouillé)
Utiliser la pseudo-classe :not()4 m 6 s
-
(Verrouillé)
Utiliser la pseudo classe :has()5 m 15 s
-
(Verrouillé)
Différencier les pseudo classes :invalid et :user-invalid4 m 44 s
-
(Verrouillé)
Utiliser le sélecteur de voisins directs et subséquents4 m 54 s
-
(Verrouillé)
Rendre le formulaire responsive avec la fonction min()2 m 48 s
-
(Verrouillé)
Modifier l'opacité d'une couleur hexadécimale4 m 32 s
-
(Verrouillé)
Modifier la luminosité d'une couleur4 m 29 s
-
(Verrouillé)
-
-
-