Animations CSS - Le guide par la pratique
ERROR
00:00
00:00

TUTO Animations CSS - Le guide par la pratique

Axel Paris
12,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Chapitre 2
Animations CSS par la pratique
Chapitre 3
Keyframes
Chapitre 4
Transformations CSS
Chapitre 5
Aller plus loin

Plan détaillé du cours

Chapitre 1 : Animations CSS
30m15s
 
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
07m51s
 
Leçon 1Exercice 1
Leçon 2Exercice 2
Leçon 3Exercice 3
Leçon 4Exercice 4
Chapitre 3 : Keyframes
19m08s
 
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
13m30s
 
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
03m46s
 
Leçon 1La console Google Chrome
Leçon 2Le mot de la fin

Avis des apprenants

Détail des avis
35
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Philippe Piatti
Philippe Piatti
Publié le 28/04/2020
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 .

Vos questions sur le cours

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

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données