Frosted
Like fogged glass: the background shows through, smeared.
blur(18px) · colour kept
LAB / 01
Glass materials
One backdrop, three optical behaviours. The difference is not the blur value — it is how light travels.
Ground
Fine surface grain scatters light: drier, more even, no harsh highlights.
blur(5px) + grain
Liquid
Like clear gel: saturates, bends at the edge (true refraction in Chromium), focused rim.
SVG displacement + rim light
How to tell them apart
MaterialBackground outlineSurface textureEdge behaviour
FrostedSmeared outline, colour keptSmooth, no grainHard edge, straight
GroundBarely visible, even toneDry grain, matteEven falloff, no focus
LiquidBent, magnified, inverted at edgesPolished, watery insideFocused rim that travels
Key test: look at a straight line through the pane. Outline smeared but lines stay straight → frosted. Light scattered, tones flatten evenly → ground. Lines bend near the edge → liquid. The three white rules behind the specimens are that ruler.
Liquid glass · playground
Drag the pane: content bends at the edges; the specular rim travels with it.
drag · refract