progressive-blur

Provides HTML and CSS snippets for a layered blur overlay that fades from the top or bottom of a page.

When to use it

Use when asked for progressive blur, a gradient blur overlay, or stepped blur masks fading from a viewport edge.

Ask for an edge blur; it confirms placement, height, and stacking order, then provides a matching snippet and usage checklist.