Glass Surface
A frosted liquid glass panel: blurred, saturated backdrop with a light catching rim. On Chromium the edges bend the backdrop like a thick lens.
import { GlassSurface } from "pleate/effects/glass-surface";Player on a photo
Night Drive
Low Tide Club
Props
- blur
Backdrop blur (px).
numberdefault 14- saturation
Backdrop saturation.
numberdefault 1.8- refraction
Edge bend (px); 0 turns it off.
numberdefault 40- tint
Glass tint color.
stringdefault surface at 35%
Accessibility
- Decorative only: content inside keeps its own semantics.
- Browsers without SVG backdrop filters get plain frosted glass.