Transitions & Animation
7 lessonsModule 66 total in CSS
Lessons in this module
- CSS Transitions: Smooth State Changes with transition, @starting-style and allow-discrete 5 min
- CSS 2D Transforms: translate, rotate, scale, skew and transform-origin 4 min
- CSS 3D Transforms: perspective, preserve-3d, rotateX/Y and backface-visibility 5 min
- CSS Keyframe Animations: @keyframes, animation shorthand, fill-mode and @property 5 min
- CSS Scroll-Driven Animations: animation-timeline, scroll() and view() 5 min
- CSS View Transitions API: Progressive Enhancement for Page and State Animations 5 min
- Motion Accessibility and Performance: prefers-reduced-motion, will-change and Smooth 60fps Animations 6 min