Web platform features explorer - Active view transition

Web platform features explorer

The :active-view-transition CSS pseudo-class matches the root element when a view transition is active. The :active-view-transition-type() CSS pseudo-class matches only when the active view transition was started with the specified type.

Status

Limited availability

MDN documentation

:active-view-transition

Specifications

CSS View Transitions Module Level 2 (#the-active-view-transition-pseudo), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome 125 Released on 2024-05-14
Chrome Android 125 Released on 2024-05-14
Edge 125 Released on 2024-05-17
Firefox ❌ See bugzil.la/1860854
Firefox for Android ❌ See bugzil.la/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 (8 months)

Usage (according to Chrome Platform Status)

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

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