Active view transitionBaseline · Newly available

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.

Works in the latest version of every major browser, but older devices may not support it yet. Baseline since Jan 13, 2026.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–124Not supported

125+Supportedsince May 14, 2024

Current: 155

Edge

12–124Not supported

125+Supportedsince May 17, 2024

Current: 154

Firefox

1–146Not supported

147+Supportedsince Jan 13, 2026

Current: 157

Safari

1–18.1Not supported

18.2+Supportedsince Dec 11, 2024

Current: 27

MobileChrome Android

18–124Not supported

125+Supportedsince May 14, 2024

Current: 155

Firefox Android

4–146Not supported

147+Supportedsince Jan 13, 2026

Current: 157

Safari iOS

1–18.1Not supported

18.2+Supportedsince Dec 11, 2024

Current: 27

How to use

Every current browser supports this, but it only became Baseline on Jan 13, 2026. Use it as a progressive enhancement, or keep a fallback if you support older devices.

Example

Full syntax and examples are on MDN: types.

Feature detection

CSS · check before using

@supports selector(:active-view-transition) {
  /* styles that use :active-view-transition */
}

/* or in JavaScript */
if (CSS.supports("selector(:active-view-transition)")) {
  // use it
}

Documentation (MDN)

Specification

drafts.csswg.org#the-active-view-transition-pseudo ↗

Sub-features

Support for each part of the feature (14). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
ViewTransition.types	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.@@iterator	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.add	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.clear	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.delete	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.entries	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.forEach	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.has	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.keys	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.size	125	125	147	18.2	125	147	18.2
ViewTransitionTypeSet.values	125	125	147	18.2	125	147	18.2
active-view-transition	125	125	144	18	125	144	18
active-view-transition-type	125	125	147	18.2	125	147	18.2