01 - Introduction
02 - 1. Présenter les ressources du cours
03 - 2. Manipuler les transitions
-
01 - Comprendre ce qu-est une transition (2:30)
-
02 - Découvrir les principales propriétés des transitions (3:50)
-
03 - Appréhender la propriété transition-timing-function (7:37)
-
04 - Animer plusieurs propriétés de manière différente (3:23)
-
05 - Modifier l-ordre des transitions (2:43)
-
06 - Utiliser la notation raccourcie (2:44)
-
07 - Étudier des cas pratiques (4:32)
-
08 - Provoquer des transitions grâce à JavaScript (2:58)
04 - 3. Explorer les transformations 2D et 3D
-
01 - Manipuler les transformations 2D (7:47)
-
02 - Spécifier plusieurs transformations pour un même élément (2:52)
-
03 - Appliquer une transition à la propriété transform (1:20)
-
04 - Comprendre la propriété transform-origin (2:44)
-
05 - Découvrir les transformations 3D (5:45)
-
06 - Découvrir la propriété perspective-origin (3:29)
-
07 - Étudier un cas pratique (7:44)
05 - 4. Aborder les propriétés des animations
-
02 - Ajouter des keyframes aux animations (3:27)
-
01 - Créer une animation simple (3:43)
-
03 - Comprendre les propriétés animation-delay et animation-fill-mode (4:22)
-
04 - Définir la direction des animations (4:20)
-
05 - Explorer les fonctions de timing des animations (3:06)
-
06 - Utiliser la propriété animation-play-state (2:13)
-
07 - Tirer parti de la notation raccourcie (2:45)
-
08 - Appliquer à un cas pratique (2:46)
-
09 - Utiliser les outils d-inspection de Chrome (5:15)
06 - 5. Tirer parti des animations CSS avancées
07 - 6. Animer des images SVG
08 - Conclusion
fichiers_d_exercice_css_animations_transitions
