The view-transition-name property tags an element for independent capture during view transitions. Elements with a non-none value participate separately in the transition tree under their specified identifier..hero {
view-transition-name: hero-image;
}.card-12 {
view-transition-name: card-12;
}
::view-transition-old(card-12) {
animation: fade-out 200ms;
}noneThe default value. The element does not participate independently in view transitions.autoIdentifier is computed automatically from the element (typically the element ID).match-elementIdentifier matches the element itself — useful for unique per-instance transitions.CSS View Transitions Module Level 2Editor's Draft<custom-ident>W3CMDNEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcespreviousnext
