Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Web Animation Essentials: CSS Animations and Transitions
Welcome!
Before we start... (3:29)
CSS Transitions
Meet CSS Transitions (7:49)
Transitioning Multiple Properties (3:09)
Duration (6:23)
Timing Functions (10:38)
CSS Animations
Meet CSS Animations (3:14)
The @keyframes Block (1:18)
Sprite Animation with CSS (7:58)
Advanced CSS Animation Properties (10:11)
Sequencing
Stacking CSS Animations with Delays (4:33)
Overloading the @keyframes Block (2:38)
Chaining Animations with Event Listeners (3:48)
Performance
2 Performant Properties (7:55)
will-change (4:45)
Chrome Dev Tools (6:27)
Next Steps (1:02)
will-change
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock