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