View Transitions and scroll-driven animations
Comes up in: Web fundamentals
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- same-document
document.startViewTransition - cross-document view transitions (
@view-transition) - scroll-driven animations (
animation-timeline: scroll()/view()) - support status (facts)
- reduced-motion fallbacks
Words you will know
What you will practise
- page transition in an MPA
Interview questions this answers
- What are View Transitions?