Leverage CSS animations to enhance websites you develop. Examine animation theories, practical uses, and more as you explore the use of movement in UI.
Overview
Syllabus
Introduction
- Why animations?
- Using GitHub Codespaces with this course
- Best practices
- The 12 principles of animation
- The 12 principles used in UI
- Animation choreography
- Sequencing and easing
- Transformations
- Focal elements
- Creating button animations
- Creating menu animations
- Challenge: Create a card animation
- Solution: Create a card animation
- Moving on with animations
Taught by
Christina Gorton