The view-transition-group property constructs hierarchical pseudo-element trees during a view transition — enables effects like clipping and 3D transforms that need nested structure. No effect when view-transition-name is none..child {
view-transition-group: nearest;
}.panel {
view-transition-name: panel;
view-transition-group: contain;
}normalThe default value. Child of the nearest non-normal ancestor's group-children pseudo, or the root.containActs as a container for descendant groups — creates a hierarchical separation point.nearestChild of the nearest ancestor group-children pseudo, or the root.CSS View Transitions Module Level 2Editor's Draft<custom-ident>W3CEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcespreviousnext
