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 !
Table des matières de cette formation CSS (durée : 1h14m)
-
Animations CSS
- Animation CSS 00:05:44
- La propriété transition 00:03:15
- La propriété transition (avancé) 00:03:49
- Cubic-bezier() 00:05:45
- Ce qui doit ou ne doit pas être animé 00:05:17
- Déclencher une animation 00:06:25
-
Animations CSS par la pratique
- Exercice 1 00:03:06
- Exercice 2 00:00:49
- Exercice 3 00:02:34
- Exercice 4 00:01:22
-
Keyframes
- Les @Keyframes 00:04:10
- Animer les Keyframes 00:05:26
- 2 outils pour créer vos Keyframes 00:04:35
- Keyframes - Mise en pratique 00:04:57
-
Transformations CSS
- Les 5 fonctions 2D (translate, scale, rotate, skew, matrix) 00:05:38
- Combiner les fonctions 00:02:19
- Exercice 1 00:03:32
- Exercice 2 00:02:01
-
Aller plus loin
- La console Google Chrome 00:03:05
- Le mot de la fin 00:00:41
- Fichiers sourcestélécharger
- Certificat
Formateur : Axel Paris
-
Très bon cours qui parle de l'essentiel avec efficacité cela m'a permis de me renforcer avec assurance concernant les animations et résoudre des questions qui jusque-là resté sans réponse... plus des propriété et valeurs que je ne connaissais pas un grand merci .
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissé