What is View Transitions API?
Also called: View transitions
The short answer
The View Transitions API is a browser feature that animates between two states of a page, or two pages, by morphing matching elements from one to the other.
View Transitions API, explained
Give an element the same view-transition-name in both states and the browser animates its size and position between them.
Questions people ask about View Transitions API
What is View Transitions API?
The View Transitions API is a browser feature that animates between two states of a page, or two pages, by morphing matching elements from one to the other.
Related terms
Page transitions animate the change from one page to the next, such as a fade, slide or shared element that morphs, so navigation feels continuous.
MorphingMorphing is smoothly transforming one shape, element or layout into another, so the eye follows the change instead of seeing a cut.
CSSCSS is the language that controls how a web page looks: colours, fonts, spacing, layout, animation and how the design adapts to each screen.
Micro-interactionsMicro-interactions are small, single-purpose animations that respond to what a visitor does, like a button that presses in, a heart that fills or a field that shakes on an error.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.