CSS Animations Tutorial

CSS Animations Tutorial

Scrimba via YouTube Direct link

- Real-World Transforms Challenge: Logo

21 of 24

21 of 24

- Real-World Transforms Challenge: Logo

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS Animations Tutorial

Automatically move to the next video in the Classroom when playback concludes

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.