Cross-document view transitions
Limited availability
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.
Browser support (view on caniuse.com)
- Chrome 126 Released on 2024-06-11
- Chrome Android 126 Released on 2024-06-11
- Edge 126 Released on 2024-06-13
- Firefox Not supported Bugs: 1860854
- Firefox for Android Not supported Bugs: 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 (19 months)
Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~11.720% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureInterop
- Included in Interop 2026
Surveys
- State of HTML 2025 > usage > html interoperability features features only
- State of HTML 2025 > usage > html interoperability features
- State of HTML 2024 > usage > html interoperability features
- State of HTML 2023 > usage > html interoperability features
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > reading list > reading list
- State of CSS 2025 > interactions > interactions pain points
- State of CSS 2025 > features > all features
- State of CSS 2024 > usage > favorite new features
- State of CSS 2024 > usage > css interoperability features
- State of CSS 2024 > reading list > reading list
- State of CSS 2024 > features > all features
Developer use cases
-
Fancier transitions on my website.
Fancier transitions on my website. [see original comment]
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist