Progressive Blur Editor

Blur Enabled:

Blur Amount: 200px

200

Recommended: 100-500px

Layers: 5

More layers = smoother blur transition = bad performance (3-8 recommended)

Height: 50%

Size of the blur area relative to container

Presets:

Quick presets for common blur configurations

Start Opacity: 0.0

0.0

Blur opacity at the fade start

End Opacity: 1.0

1.0

Blur opacity at the fade end

We don't recommend changing the opacity values.

Direction:

Which direction the blur fades towards

Position:

Where to place the blur area (top/bottom edge)

Control how blur intensity changes across the gradient. Drag control points or use presets.

cubic-bezier(0.25, 0.46, 0.45, 0.94)

Enabled:

Brightness: 1.1

1.1

Contrast: 1.05

1.05

Saturate: 1.2

1.2

Opacity: 0.8

0.8

Enabled:

Color:

Opacity: 0.1

0.1

Gradient:

Enabled:

Opacity: 0.3

0.3

Adds texture and grain to the blur effect for more realistic appearance