Question 1 of 12
What supplies animation values?
The correct owner/model is @keyframes.
Quiz
Scroll-driven Animations Quiz
Check understanding of scroll and view timelines, animation ranges, ownership boundaries, and scroll-driven CSS animation behavior.
12 questions
~5 min
Intermediate
Knowledge check
Scroll-driven Animations Quiz
Check understanding of scroll and view timelines, animation ranges, ownership boundaries, and scroll-driven CSS animation behavior.
- Stuck? Each question has an optional hint.
- Skip a hard question and review it before your results.
- Questions and answer options can shuffle between attempts.
You can retake this quiz whenever you like.
0:00
Question 2 of 12
What supplies scroll progress?
The correct owner/model is A scroll timeline.
Question 3 of 12
Who owns scroll containers?
The correct owner/model is Overflow.
Question 4 of 12
Who owns snap positions?
The correct owner/model is Scroll Snap.
Question 5 of 12
Who owns easing semantics?
The correct owner/model is Easing Functions.
Question 6 of 12
What does animation-range select?
The correct owner/model is A timeline interval.
Question 7 of 12
What is a view timeline about?
The correct owner/model is An element’s travel through a scrollport.
Question 8 of 12
What does a timeline axis select?
The correct owner/model is A scroll direction.
Question 9 of 12
Can scroll-driven animation replace keyframes?
The correct owner/model is No.
Question 10 of 12
Who owns reduced-motion semantics?
The correct owner/model is Media Features / User Preferences.
Question 11 of 12
What status is Scroll-driven Animations?
The correct owner/model is Working Draft.
Question 12 of 12
What is the main repetition guard?
The correct owner/model is Keep timeline semantics separate from animation, overflow, and snap ownership.
Quiz results
0/0
Review
-
What supplies animation values?Hint used
-
What supplies scroll progress?Hint used
-
Who owns scroll containers?Hint used
-
Who owns snap positions?Hint used
-
Who owns easing semantics?Hint used
-
What does animation-range select?Hint used
-
What is a view timeline about?Hint used
-
What does a timeline axis select?Hint used
-
Can scroll-driven animation replace keyframes?Hint used
-
Who owns reduced-motion semantics?Hint used
-
What status is Scroll-driven Animations?Hint used
-
What is the main repetition guard?Hint used