This specification introduces a DOM API and associated CSS features

that allow developers to create animated visual transitions,

called <dfn export>view transitions</dfn>

or between distinct same-origin documents.

## Level 2 Updates ## {#intro-l2}

and more specifically based on the active view transition being of a certain type.

* [[#shared-style-with-vt-classes|Sharing styles between view transition pseudo-elements]], a way to declare a style once,

and use it for multiple view transition pseudo-elements. This includes the 'view-transition-class' property, and [[#pseudo-element-class-additions|additions to named pseudo-elements]]

## Separating Visual Transitions from DOM Updates ## {#separating-transitions}

## View Transition Customization ## {#customizing}

using the 'view-transition-name' CSS property,

allowing these to be animated independently of the rest of the page.

Since the transitional state (where both old and new visual captures exist)

A successful [=view transition=] goes through the following phases:

which returns a {{ViewTransition}}, <var>viewTransition</var>.

1. Current state captured as the “old” state.

1. Developer's {{ViewTransitionUpdateCallback|updateCallback}} function, if provided, is called,

which updates the document state.