::view-transition-group
Targets the transition 'group' container for a specific named view transition. This is the container that holds both the 'old' and 'new' snapshots of an element, allowing you to animate the entire group as it moves or scales.
Syntax
/* Usage Example */
::view-transition-group(article-title) {
/* Animates the entire title group moving from its old position to the new one */
animation-duration: 0.6s;
animation-timing-function: ease-out;
}
::view-transition-group Browser support
Newly available
Since
2025 91% global usage
Since 2025 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
109+
144+
18+
109+