Test your knowledge: CSS Transitions

Review

1. What is the central job of a CSS transition?

   Transitions progress eligible property changes over time.
2. What does transition-property control?

   transition-property selects the properties for which transitions are generated.
3. Which property controls the duration?

   transition-duration controls the transition duration.
4. What does a positive transition-delay do?

   A positive delay postpones transition startup.
5. What does a timing function primarily change?

   Timing functions shape transition progress.
6. What does transition-behavior: allow-discrete do?

   Level 2 defines allow-discrete for starting transitions on discrete properties.
7. What matters when a transition is interrupted and reversed?

   Transitions define special reversing behavior for interrupted transitions.
8. What does the cascade determine before a transition animates?

   The cascade determines the before and after styles that the transition can compare.
9. Which owner defines what translateY() means?

   Transforms owns transform geometry; Transitions owns its time-based change.
10. Why was @starting-style introduced?

    @starting-style supplies the comparison style needed for certain transition startups.
11. Which event indicates normal transition completion?

    transitionend marks normal completion under the transition event model.
12. What should you verify first when nothing transitions?

    Verify the actual style change before debugging transition controls.