Animations CSS - Le guide par la pratique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h14
de formation
20
leçons vidéo
5
chapitres
Débutant
niveau requis
Axel Paris
Axel Paris
Formateur

Animations CSS - Le guide par la pratique

4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
1h14
de formation
20
leçons vidéo
5
chapitres

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

Table des matières

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

Détail des avis
147
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

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
11,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h14 de vidéo • 5 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 752 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1420 tutos gratuits

Notre politique de protection des données