The CSS Podcast 95: Updates to View Transitions
Nov 5, 2025
Discover the fascinating world of View Transitions in CSS, exploring new types and how they enhance web navigation. Learn about same-document versus cross-document transitions and the latest browser support. The hosts reveal nifty tools like the match-element for simplifying names, and nested transition groups for preserving effects. Delve into scoped transitions that improve interaction and address z-index issues. Plus, find out how to access active transitions directly and where to experiment with demos. Lots of valuable insights await!
AI Snips
Chapters
Transcript
Episode notes
View Transitions Are Becoming Cross‑Browser
- Same-document and cross-document view transitions are now supported in Chrome and Safari, with Firefox enabling same-document in nightly builds.
- This broadening support makes view transitions viable for both SPAs and traditional MPAs.
Use Types To Control Transition Behavior
- Use view transition types to vary transition behavior depending on navigation context by passing types to startViewTransition or addViewTransition rules.
- Scope CSS with :active-view-transition-type(...) to apply names and styles only when a specific type is active.
Auto‑Name Elements With match-element
- Use view-transition-name: match-element to auto-generate stable per-element names without manual IDs for same-document transitions.
- Avoid using it for cross-document transitions because element identity numbering differs across documents.