:active-view-transition
Matches elements that are currently participating in a view transition. This allows you to apply specific styles or animations exclusively while the transition is in progress.
Quick example
:active-view-transition {
/* Hide the footer globally while any view transition is active */
.site-footer {
opacity: 0;
}
}:active-view-transition Browser Support
Newly available Since 2026 84% 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+
144+
18+
125+