::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.
Quick 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.
Works in all modern browsers. May need a fallback for older browsers.
109+
144+
18+
109+