Web platform features explorer - View transitions

Web platform features explorer

Tags: api css Groups: View Transitions

View transitions allow you to create animated visual transitions between different states of a document.

Learn more

View Transition API

Specifications

CSS View Transitions Module Level 1, from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (view on caniuse.com)

Chrome 111 Released on 2023-03-07
Chrome Android 111 Released on 2023-03-07
Edge 111 Released on 2023-03-13
Firefox ❌ See bugzil.la/1823896 bugzil.la/1860854 bugzil.la/1881438 bugzil.la/1956141 Vendor position : positive
Firefox for Android ❌ See bugzil.la/1823896 bugzil.la/1860854 bugzil.la/1881438 bugzil.la/1956141 Vendor position : positive
Safari 18 Released on 2024-09-16
Safari on iOS 18 Released on 2024-09-16

Baseline availability blocked since September 2024 by Firefox (10 months)

Usage (according to Chrome Platform Status)

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

Interop

Included in Interop 2025

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