Découvrir les Variables en CSS avec 2 exemples concrets
Découvrir les Variables en CSS avec 2 exemples concrets
Dans cette formation en ligne, nous verrons l'essentiel des animations CSS.
Ce guide complet d'animation CSS vous propose en plus d'une partie théorique, des exercices de mise en pratique.
Les sujets qui seront abordés dans ce tuto CSS et Animations
A la fin de cours vous serez capable de :
- Créer des transitions CSS,
- Créer des keyframes,
- Comprendre les animations CSS,
- Maitriser la propriété transform,
- Comprendre le différences et les spécificités des transitions par rapport aux animations
- Mieux appréhender la performance de vos animations (et les erreurs à éviter).
Un cours en vidéo pour comprendre les animations notion par notion, pour que vous puissiez avancer efficacement dans votre perfectionnement en CSS.
Je reste disponible dans le salon d'entraide pour répondre à vos questions.
Bon tuto et bonnes animations !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Animations CSS
Animations CSS
Chapitre 2
Animations CSS par la pratique
Animations CSS par la pratique
Chapitre 3
Keyframes
Keyframes
Chapitre 4
Transformations CSS
Transformations CSS
Chapitre 5
Aller plus loin
Aller plus loin
Plan détaillé du cours
Chapitre 1 : Animations CSS
30m15
Leçon 1Animation CSS
Leçon 2La propriété transition
Leçon 3La propriété transition (avancé)
Leçon 4Cubic-bezier()
Leçon 5Ce qui doit ou ne doit pas être animé
Leçon 6Déclencher une animation
Chapitre 2 : Animations CSS par la pratique
07m51
Leçon 1Exercice 1
Leçon 2Exercice 2
Leçon 3Exercice 3
Leçon 4Exercice 4
Chapitre 3 : Keyframes
19m08
Leçon 1Les @Keyframes
Leçon 2Animer les Keyframes
Leçon 32 outils pour créer vos Keyframes
Leçon 4Keyframes - Mise en pratique
Chapitre 4 : Transformations CSS
13m30
Leçon 1Les 5 fonctions 2D (translate, scale, rotate, skew, matrix)
Leçon 2Combiner les fonctions
Leçon 3Exercice 1
Leçon 4Exercice 2
Chapitre 5 : Aller plus loin
03m46
Leçon 1La console Google Chrome
Leçon 2Le mot de la fin
Avis des apprenants