CSS Motion: Transitions and Animations That Feel Right
Hover effects, loading spinners and entrance animations, plus the two rules that separate smooth motion from a stuttering mess: animate only transform and opacity, and always respect a user who asked for less movement.
CSS
5 lessons
Plus plan
From $4/month, unlocks this and the rest of the library
Start free preview
Create free account
Already a member? Sign in
- This course AND every other Plus course
- Playground Pro, private projects, Monaco editor
- Certificates on every course you finish
- Cancel any time. Access runs to the end of the period
- Pay in your currency, card or M-Pesa
- 1 lesson free to preview now
Course Curriculum
5 lessons · 1 free preview · ~1.3h total
2
Animate transform, Not width and top
3
keyframes: Motion Without a Trigger
4
Respecting People Who Do Not Want Motion
5
Project: A Card That Enters, Lifts and Loads
Student Reviews
No reviews yet. Be the first after completing!
Course Includes
- 5 structured lessons
- Live coding playground
- Hints when you're stuck
- Automatic code checking
- Completion certificate
- Included with Plus
- Mobile friendly