::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.

/* 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;
}
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+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC