Test your knowledge: CSS Animations and Keyframes

Review

1. What is the defining source of intermediate states in a CSS animation?

   Keyframes supply the authored animation sequence.
2. Which rule defines an authored CSS animation sequence?

   @keyframes defines the named keyframe sequence.
3. What does animation-name select?

   animation-name connects an animation item to a named @keyframes rule.
4. What can a negative animation-delay do?

   Negative delay offsets the animation into its active timeline.
5. What does animation-direction: alternate do?

   alternate reverses traversal direction on successive cycles.
6. What does animation-fill-mode: forwards provide?

   forwards preserves the end state after the active interval.
7. What does animation-play-state: paused do?

   Paused animation retains its current progress.
8. Which event represents normal animation completion?

   animationend represents normal completion.
9. What is animation-composition for?

   Level 2 composition controls how animation contributions combine.
10. Who owns the meaning of a transform value used by an animation?

    Animations supplies changing values; Transforms defines their geometric meaning.
11. Which future owner covers scroll/view progress timelines and ranges?

    Scroll-driven Animations is the dedicated owner for scroll/view timelines and ranges.
12. Which topic is intentionally outside the Animations owner?

    CSS Easing Functions owns the shared easing-function semantics.