Overview
Syllabus
- Welcome to the course!
- Project Navigation
- What are Transitions?
- Adding Transitions
- Customizing Transitions
- Transition Shorthand
- Transition Challenge
- Real-World Transitions Challenge: Menu
- Animations in Action
- Defining Animations
- Animations: Timing
- Animations: Other Properties
- Animation Shorthand
- Animation Challenge
- Real-World Animations Challenge: Landing Page
- Introduction to Transforms & Scaling
- Translation
- Rotation
- Skew
- Transform Challenge
- Real-World Transforms Challenge: Logo
- Prefixes
- CSS Variables
- Custom Timing Functions
Taught by
Scrimba