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.

Learning resources on MDN

View Transition API

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 (9 months)

Usage (according to Chrome Platform Status)

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

Specifications

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

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature