What is Glassmorphism?
Also called: Frosted glass
The short answer
Glassmorphism is a style of translucent, frosted-glass panels that blur whatever sits behind them, with a thin light edge to suggest thickness.
What people say: “the blurry see-through look”.
Glassmorphism, explained
It is built with backdrop-filter: blur(). Text on glass needs a solid enough tint to keep contrast readable over any background.
Questions people ask about Glassmorphism
What is Glassmorphism?
Glassmorphism is a style of translucent, frosted-glass panels that blur whatever sits behind them, with a thin light edge to suggest thickness.
Related terms
Liquid glass is a glass-like interface style where panels refract and bend the content behind them, with highlights that move as if the surface were a thick, fluid lens.
NeumorphismNeumorphism is a soft, extruded style where elements look pushed out of or pressed into the background using matching light and dark shadows.
Colour contrastColour contrast is the difference in brightness between text and its background; WCAG AA asks for at least 4.5 to 1 for normal text and 3 to 1 for large text.
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.