Menu Navigation

Create Custom Roadmap

Frontend Animation & Motion Design with CSS and Framer Motion

2 weeks

19 Learners

•

Frontend and UI

Objective

“Learn Animation & Motion Design with Framer/CSS”

Topics

1.1

CSS Transitions

22 minutes

1.2

CSS Transforms

1.3

CSS Keyframe Animations

8 minutes

1.4

Easing Functions

16 minutes

Study Resources

→MDN Web Docs: CSS Transitions →MDN Web Docs: CSS Transforms →CSS Transitions vs Animations - What's the difference? (Kevin Powell)

Learn

Watch curated videos and read study resources

Practice

Practice what you learned

Build Projects

Build projects using your new gained knowledge

Submit & Verify

Submit your project and get verified by our system

References

01MDN Web Docs: CSS Transitions

02MDN Web Docs: CSS Transforms

03CSS Transitions vs Animations - What's the difference? (Kevin Powell)

04Framer Motion Documentation: Getting Started

05CSS-Tricks: Animating SVG with CSS

06High Performance Animations (Google Developers)

Rate this roadmap

0.0

0 reviews

Help the community find high-signal technical paths.

Community Insights

Join the discussion

Loading insights...