Tout savoir sur les dégradés en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Tout savoir sur les dégradés en CSS

Carl Brison
12,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cette formation en vidéo, je vous propose de découvrir les propriétés CSS liées aux dégradés.
Il peut être utile d'utiliser des effets de dégradés dans vos webdesigns.
Plutôt que de vous tourner vers l'intégration d'une image, vous apprendrez à utiliser CSS pour générer tous types de dégradés !
Ce cours vous explique tout ce qu'il y a à savoir sur les dégradés !
 

Au programme de ce tuto tout savoir sur les dégradés CSS

Voici les notions que vous allez bientôt savoir maîtriser en avec les dégradés CSS :

  • Nous allons voir comment créer un dégradé qu'il soit linéaire ou radial
  • comment modifier son orientation,
  • comment insérer plusieurs couleurs au sein du dégradé,
  • comment faire pour réaliser un dégradé qui se répète.

Grâce à la connaissance de ces propriétés CSS, il sera totalement inutile d'utiliser des images lorsque vous souhaiterez intégrer des dégradés sur vos pages web.
Ceci a pour conséquence directe d'alléger vos pages web (meilleur temps de chargement, meilleure expérience utilisateur, meilleur SEO, meilleur taux de conversion...)

Un QCM est fourni en fin de cours pour valider vos compétences sur les dégradés CSS.
Je réponds à toutes vos questions sur cette notion, dans le salon d'entraide du cours.

Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Présentation des Dégradés en CSS
Chapitre 2
Les Dégradés Linéaires
Chapitre 3
Le Dégradé Radial
Chapitre 4
Répéter les Dégradés

Plan détaillé du cours

Chapitre 1 : Présentation des Dégradés en CSS
09m23s
 
Leçon 1Les propriétés CSS permettant les dégradés
Leçon 2Les couleurs de type hexadecimales
Leçon 3Les couleurs textuelles
Leçon 4Les couleurs de type RGB
Chapitre 2 : Les Dégradés Linéaires
15m46s
 
Leçon 1Présentation
Leçon 2Modifier la direction d'un dégradé
Leçon 3Ajouter des couleurs dans le dégradé
Leçon 4L'opacité dans un dégradé
Leçon 5Modifier la distance des dégradés
Chapitre 3 : Le Dégradé Radial
08m27s
 
Leçon 1Présentation
Leçon 2Déplacer le point de départ du dégradé
Leçon 3Ajout de couleurs supplémentaires
Leçon 4Modifier la distance des dégradés
Chapitre 4 : Répéter les Dégradés
06m45s
 
Leçon 1Répétition de dégradé linéaire
Leçon 2Répétition de dégradé radial
Leçon 3Conclusion

Aperçus

Avis des apprenants

Détail des avis
24
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Michael Fortin
Michael Fortin
Publié le 17/06/2022
C'est simple, c'est efficace et ça me fait encore une connaissance de plus grâce à Carl.
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Alain Henaff
Alain Henaff
Publié le 24/03/2020
Merci Carl ! Encore un petit tuto bien utile et très clair... comme d'habitude :) Cordialement, ALH
Carl Brison
Carl Brison
Merci à vous ALH ;-)
Vincent Bothier
Vincent Bothier
Publié le 03/06/2019
Un supplément intéressant comme le reste des cours !
Carl Brison
Carl Brison
Merci à vous, Vincent ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données