What is Morphing?
Also called: Shape morphing, Morph transition
The short answer
Morphing is smoothly transforming one shape, element or layout into another, so the eye follows the change instead of seeing a cut.
Morphing, explained
SVG paths, 3D shapes and whole layouts can morph; view transitions bring layout morphing to ordinary page changes.
Questions people ask about Morphing
What is Morphing?
Morphing is smoothly transforming one shape, element or layout into another, so the eye follows the change instead of seeing a cut.
Related terms
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.
Page transitionsPage transitions animate the change from one page to the next, such as a fade, slide or shared element that morphs, so navigation feels continuous.
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.
Parallax scrollingParallax scrolling moves background and foreground layers at different speeds as you scroll, creating an illusion of depth.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.