Learn CSS Animations

Learn how to make your websites come alive with CSS animations. This course gives you a solid foundation with real-world coding challenges.

• Adding transitions
• Customising transitions
• Defining animations
• Timing animations
• Transforms & Scaling
• Translation
• Rotation
• Skew
• Prefixes
• CSS variables
• Timing functions

• Learn CSS Animations
• 1. Welcome to the course!
• 2. Project Navigation
• 3. Frontend Career Path
• 4. What are Transitions?
• 5. Adding Transitions
• 6. Customizing Transitions
• 7. Transition Shorthand
• 8. Transition Challenge
• 9. Real-World Transitions Challenge: Menu
• 10. Animations in Action
• 11. Defining Animations
• 12. Animations: Timing
• 13. Animations: Other Properties
• 14. Animation Shorthand
• 15. Animation Challenge
• 16. Real-World Animations Challenge: Landing Page
• 17. Introduction to Transforms & Scaling
• 18. Translation
• 19. Rotation
• 20. Skew
• 21. Transform Challenge
• 22. Real-World Transforms Challenge: Logo
• 23. Prefixes
• 24. CSS Variables
• 25. Custom Timing Functions
• 26. Congratulations on Completing Learn CSS Animations 🤩