- Sur openclassrooms.com
Créez des animations CSS modernes
- À son rythme
- Accès libre
- Certificat payant
- 3 séquences
- Niveau Intermédiaire
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.