Black Friday 2024: 25+ Ways to Save on Online Learning

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Scrimba

Learn CSS Animations

via Scrimba

Go to class Write review

Overview

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

Syllabus

  • 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 🤩

Reviews

Start your review of Learn CSS Animations

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.