Web platform features explorer - Cross-document view transitions

Web platform features explorer

Tags: api css Groups: View Transitions

The @view-transition CSS rule sets whether a document opts-in to transitions between documents in a multi-page application. Both the old and new document must opt-in for a transition to be triggered.

Learn more

@view-transition

Specifications

CSS View Transitions Module Level 2 (#cross-doc-opt-in), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome 126 Released on 2024-06-11
Chrome Android 126 Released on 2024-06-11
Edge 126 Released on 2024-06-13
Firefox ❌ See bugzil.la/1860854
Firefox for Android ❌ See bugzil.la/1860854
Safari 18.2 Released on 2024-12-11
Safari on iOS 18.2 Released on 2024-12-11

Baseline availability blocked since December 2024 by Firefox (7 months)

Developer signals

State of HTML 2023: usage/html_interoperability_features question
State of CSS 2025: features/all_features question
State of CSS 2024: usage/favorite_new_features question
State of CSS 2024: usage/css_interoperability_features question
State of CSS 2024: reading_list/reading_list question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~0.485% of page loads. More data at chromestatus.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist