Skip to content
UIGrammer
EN 中文

Glossary · 13

Backdrop Blur

Backdrop blur is the CSS backdrop-filter effect that frosts whatever renders behind an element; it powers glassmorphism and adds depth to overlays.

The CSS `backdrop-filter: blur()` effect that frosts the content behind a surface — the engine of glassmorphism. It adds depth to overlays, menus and headers, but forces the browser to re-render the blurred region every frame, so use it sparingly on large areas.