Gradient blur

Gradient Blur adds a smooth, gradual blur to any edge of the screen.

It stacks backdrop-blur layers, each one doubling the radius of the last, so content softly dissolves instead of cutting off. Pick the edge, set the strength and layer count, add a subtle color tint, and let the effect fade out on its own while a chosen element, like your footer, is on screen. Made for sticky headers, bottom bars and image-heavy pages.

Features

• Blur any edge: top, bottom, left or right

• Strength control, each layer doubles the radius

• Layer count to remove visible banding

• Color tint with adjustable amount

• Hide Over: fades out while a target element is on screen

• Custom fade duration

• Works with fixed and sticky layouts