CSS Animations
Add transitions, keyframe animations and micro-interactions that respect reduced motion.
What you'll learn
- Write transitions for hover and focus states
- Build keyframe animations for loaders and entrances
- Animate transform and opacity for smooth performance
- Respect prefers-reduced-motion
About this course
You learn CSS transitions and keyframes by animating buttons, menus, loaders and page entrances. Each exercise includes a reduced-motion version, so your animations stay accessible.
Course curriculum
4 modules and 12 lessons over 3 weeks. Plan for about 9 learning hours.
01TransitionsWeek 1 · 3 lessons
- transition properties
- Timing functions
- Hover and focus states
02KeyframesWeek 1 · 3 lessons
- @keyframes syntax
- Loaders
- Staggered entrances
03PerformanceWeek 2 · 3 lessons
- transform and opacity
- will-change
- DevTools animation panel
04Motion and accessibilityWeek 3 · 3 lessons
- prefers-reduced-motion
- Motion that supports content
- Final exercise set
Project
Animated UI kit. Buttons, a menu, a loader and a page entrance animated with CSS, each with a reduced-motion fallback.
Who this course is for
Learners who know CSS and want interfaces that feel responsive.
Prerequisites
You can style pages with CSS and use pseudo-classes such as :hover.
What's included
- 120-day course access
- Step-by-step lessons
- Practice files
- Reusable code templates
- A graded final exercise
- A digital completion certificate
Learning format
Self-paced practical course, part of our self-paced courses. Graded final exercise with written feedback.
Access and delivery
- Enrollment is activated within 15 minutes after payment.
- Final exercise feedback is delivered within 2 business days of submission, and the completion certificate is issued within 2 business days after passing the final exercise.
Certificate
You receive a digital completion certificate. Final exercise feedback is delivered within 2 business days of submission, and the completion certificate is issued within 2 business days after passing the final exercise.
Frequently asked questions
When does access start?
Enrollment is activated within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for self-paced course programs.
