OpenClassrooms devient une université américaine accréditée.
Découvrez ce que cela change pour vousTable des matières
- Partie 1
Réalisez vos premières animations CSS
Découvrez les animations web
Créez des animations simples avec les transitions
Déclenchez vos transitions avec les pseudoclasses
Appliquez les 12 principes de l’animation au web
Créez des transitions CSS à propriétés multiples
Créez des animations plus naturelles avec les fonctions de timing
Quiz : Réalisez vos premières animations CSS
- Partie 2
Maîtrisez les translations, les rotations et l’opacité
Optimisez les performances de votre navigateur pour vos animations CSS
Créez des animations fluides avec la propriété CSS transform
Modifiez le point d’ancrage d’un élément grâce à transform-origin
Analysez la performance de vos animations avec Chrome DevTools
Animez les couleurs de manière performante avec opacity
Quiz : Réalisez des translations, des rotations et modifier l'opacité de vos animations
- Partie 3
Réalisez des animations dynamiques avec les @keyframes
Résumé du cours
Prenez un instant pour réfléchir à où vous en étiez il n’y a pas si longtemps... C’est assez fou, non ?
En quelques chapitres seulement, vous avez appris l’essentiel pour donner vie à vos pages web.
Ensemble, nous avons appris comment :
appliquer les principes de l’animation au CSS ;
créer des transitions CSS simples ;
mais aussi des transitions complexes ;
créer des animations ayant de nombreuses étapes avec les keyframes ;
créer une animation qui boucle à l’infini avec les propriétés d’itération et de direction.
Il est maintenant temps de vous lancer dans vos propres animations avec keyframes. Pour cela, vous avez la dernière activité de ce cours. J’espère que vous en profiterez pour exprimer votre créativité d’animateurs et animatrices !
- Formations jusqu’à 100 % financées
- Date de début flexible
- Projets professionnalisants
- Mentorat individuel