CSS View Transitions

CSS View Transitions — Create seamless page transitions and element animations with the View Transitions API. The guide walks through View Transitions. Cross-document: ``. JS: `document.startViewTransition(() => updateDOM())`. CSS: `::view-transition-old(root) { animation:... }`, `::view-transition-new(root) { animation:... }`. Custom names: `view-transition-name: card` on elements. Smooth page transitions without JavaScript libraries. The guide is organized into 1 sections that build on each other, each pairing a prose explanation with real CSS you can use as-is. Related guides: CSS Introduction, CSS Selectors, CSS Box Model, CSS Flexbox, CSS Grid. This is one of 68 CSS guides on CSS Reference — see the full list on the guides page. Look up any property mentioned in this guide from the search page or the CSS Reference homepage.