BASELINE NowYouCanUse.com
Newly Available View transitions
id: view-transitions

View transitions

View transitions allow you to create animated visual transitions between different states of a document.
Baseline Status: Achieved Newly Available on Oct 14, 2025 across core engines.
Desktop Browser Engine Support
Google Chrome
111
Supported
Mozilla Firefox
144
Supported
Apple Safari
18
Supported
Microsoft Edge
111
Supported
Mobile Browser Engine Support
Chrome Android
111
Firefox Android
144
Safari iOS
18
Specifications and References
Specification ↗ Can I Use (view-transitions) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.Document.startViewTransition ↗ api.Document.startViewTransition.options_parameter ↗ api.Document.startViewTransition.options_parameter.types_parameter ↗ api.Document.startViewTransition.options_parameter.update_parameter ↗ api.Document.startViewTransition.updateCallback_parameter ↗ api.PageRevealEvent ↗ api.PageRevealEvent.PageRevealEvent ↗ api.PageRevealEvent.viewTransition ↗ api.PageSwapEvent ↗ api.PageSwapEvent.PageSwapEvent ↗ api.PageSwapEvent.activation ↗ api.PageSwapEvent.viewTransition ↗ api.ViewTransition ↗ api.ViewTransition.finished ↗ api.ViewTransition.ready ↗ api.ViewTransition.skipTransition ↗ api.ViewTransition.updateCallbackDone ↗ api.Window.pagereveal_event ↗ api.Window.pageswap_event ↗ css.properties.view-transition-name ↗ css.properties.view-transition-name.match-element ↗ css.properties.view-transition-name.none ↗ css.selectors.view-transition ↗ css.selectors.view-transition-group ↗ css.selectors.view-transition-image-pair ↗ css.selectors.view-transition-new ↗ css.selectors.view-transition-old ↗