Créez des animations CSS modernes

Cours
fr
Français
15 h
Ce contenu est noté 3.75 sur 5
Source
  • Sur openclassrooms.com
Conditions
  • À son rythme
  • Accès libre
  • Certificat payant
Plus d'informations
  • 3 séquences
  • Niveau Intermédiaire

Leurs employés apprennent chaque jour avec Edflex

  • Safran
  • Air France
  • TotalEnergies
  • Generali
Découvrir Edflex

Détails du cours

Déroulé

Partie 1 - Réalisez vos premières animations CSS
1. Découvrez les animations web
2. Créez des animations simples avec les transitions
3. Déclenchez vos transitions avec les pseudoclasses
4. Appliquez les 12 principes de l’animation au web
5. Créez des transitions CSS à propriétés multiples
6. Créez des animations plus naturelles avec les fonctions de timing
Quiz : Avez-vous compris les bases pour réaliser vos premières animations CSS ?

Partie 2 - Maîtrisez les translations, les rotations et l’opacité
1. Optimisez les performances de votre navigateur pour vos animations CSS
2. Créez des animations fluides avec la propriété CSS transform
3. Modifiez le point d’ancrage d’un élément grâce à transform-origin
4. Analysez la performance de vos animations avec Chrome DevTools
5. Animez les couleurs de manière performante avec opacity
Quiz : Avez-vous compris comment faire des translations, des rotations et modifier l'opacité de vos animations ?

Partie 3 - Réalisez des animations dynamiques avec les @keyframes
1. Créez des animations plus complexes avec la règle CSS @keyframes
2. Utilisez les propriétés de l'animation CSS
3. Manipulez et réutilisez les animations CSS
4. Affinez vos animations CSS avec DevTools
5. Résumé du cours
Quiz : Réalisez des animations dynamiques

Certificat de réussite

Prérequis

Bases en CSS. Si vous ne les maîtrisez pas, suivez ce cours : 

Intervenants

Alexia Toulmet
Développeuse Fullstack React/Node freelance passionnée par le frontend

Pat Gerke
Developer, animator, designer, and globetrotter

Éditeur

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Plateforme

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Ce contenu est noté 3.75 sur 5
(aucun avis)
Ce contenu est noté 3.75 sur 5
(aucun avis)
Complétez cette ressource pour donner votre avis