Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Motion & Animation
Scroll-Driven & Viewport-Triggered Animations — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Scroll-Driven & Viewport-Triggered Animations
A product page has feature cards that should fade in as the user scrolls down to each one. The animation should play once and not repeat. Which API is the most appropriate choice?
CSS Scroll-Driven Animations with scroll() timeline
Intersection Observer API with observer.unobserve() after the first trigger
A passive scroll event listener that checks element offsetTop on every scroll
CSS Scroll-Driven Animations with view() timeline and animation-range
Check answer