Web platform features explorer - Active view transition

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

Usage (according to Chrome Platform Status)

~0.073% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer signals

Votes: 0

If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist