Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Motion Design with CSS: Master the Principles
Introduction
Before we start...
CSS Transitions
Meet CSS Transitions
Transitioning Multiple Properties
Duration (6:47)
Timing Functions
CSS Animations
Meet CSS Animations
The @keyframes Block
Sprite Animation with CSS
Advanced CSS Animation Properties
Animation in Design
4 Ways to Put Animations to Work
Stateful Animations with JavaScript
3 Kinds of Animation
Triggering States
Managing States
Sequencing
Stacking CSS Animations with Delays
Request Animation Frame
Chaining Animations with Event Listeners
Performance
2 Performant Properties
will-change
FPS
Spotting Bottlenecks with Dev Tools
Firefox's Animation Tools and the Web Animations API
The Web Animations API, and What's Next
Synching Animation Clocks
Slowing Time
Continuing Your Animation Education
FPS
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock