Cross-document 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.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

126

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

18.2

Supported

Microsoft Edge

126

Supported

Mobile Browser Engine Support

Chrome Android

126

Firefox Android

—

Safari iOS

18.2

Specifications and References

Specification ↗ Can I Use (cross-document-view-transitions) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.CSSViewTransitionRule ↗ api.CSSViewTransitionRule.navigation ↗ api.CSSViewTransitionRule.types ↗ css.at-rules.view-transition ↗