scrimba
Learn CSS Animations
Learn CSS Animations
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
PricingCoursesLog in
For TeamsWhy Scrimba?
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.

Karma

DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out

Learn CSS Animations

Learn the basics of CSS Animations.

This playlist is part of Learn CSS Animations

Learn CSS Animations

26 lessons2 hours 2 min

1. Welcome to the course!
5:08
2. Project Navigation
1:52
3. Frontend Career Path
1:58
4. What are Transitions?
1:47
5. Adding Transitions
5:39
6. Customizing Transitions
5:56
7. Transition Shorthand
3:32
8. Transition Challenge
3:41
9. Real-World Transitions Challenge: Menu
4:54
10. Animations in Action
2:01
11. Defining Animations
7:33
12. Animations: Timing
4:13
13. Animations: Other Properties
6:36
14. Animation Shorthand
3:48
15. Animation Challenge
3:29
16. Real-World Animations Challenge: Landing Page
6:37
17. Introduction to Transforms & Scaling
6:43
18. Translation
5:14
19. Rotation
3:41
20. Skew
2:18
21. Transform Challenge
5:29
22. Real-World Transforms Challenge: Logo
9:08
23. Prefixes
6:28
24. CSS Variables
5:02
25. Custom Timing Functions
8:38
26. Congratulations on Completing Learn CSS Animations 🤩
0:58

HomePlans & PricingTeacher talent program

Community

Explore the communityPodcastYouTubeGet Scrimba emails

Courses

All courses Self-paced BootcampFree coursesPro courses

Company

About usSupport centerTermsPrivacy

Built with Imba