: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.
Syntax
/* Usage 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.
125+
18.2+
125+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more