What is Gradient mesh?
Also called: Mesh gradient, Aurora background
The short answer
A gradient mesh is a soft, multi-point blend of colours that flows like an aurora, often animated slowly behind a hero section.
Gradient mesh, explained
Animated meshes are usually shaders or blurred shapes; a static version can be pure CSS.
Questions people ask about Gradient mesh
What is Gradient mesh?
A gradient mesh is a soft, multi-point blend of colours that flows like an aurora, often animated slowly behind a hero section.
Related terms
A shader is a small program that runs on the GPU for every pixel or vertex, calculating colour and shape; shaders create effects like liquid metal, glow, ripples and gradients.
Grain textureA grain texture is a faint layer of noise over a design that removes the flat, digital look and adds warmth like film or print.
Hero sectionThe hero section is the large opening area at the top of a page, usually a headline, a short promise, a call to action and a visual.
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.