:active-view-transition-type
Allows you to target elements during a specific type of view transition. By naming your transitions (e.g., 'slide-in' or 'payout'), you can apply different styles for each scenario.
Quick example
:active-view-transition-type(slide-left) {
/* Custom styles used only when the transition type is 'slide-left' */
view-transition-name: slide-container;
}:active-view-transition-type Browser Support
Newly available Since 2026 83% global usage
Since 2026 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
125+
18.2+
125+