@motion-script/core / ProgressiveBlurEffect

Interface: ProgressiveBlurEffect

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:31

Blur whose radius ramps across the node instead of being uniform.

A plain blur is a constant; this interpolates from sharp to radius between start and end along the ramp, which is what makes content appear to dissolve into softness rather than simply being out of focus.

In mode: 'backdrop' this is the frosted panel with a falloff — the translucent bar whose blur fades out at its edge instead of stopping at a hard line. That is the case a plain backdrop blur cannot express, and the reason this effect exists.

Cost scales with samples, which are spent on the widest part of the ramp; pixels below start return the source untouched without sampling at all.

Extends

ModedEffect

Properties

angle

angle: number

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:42

Ramp direction in degrees; 0 = left-to-right. "linear" only.

center

center: Vector2

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:44

Ramp origin in 0–1 layer coords. "radial" only.

end

end: number

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:40

0–1 position where the blur reaches radius.

mode?

optional mode?: EffectMode

Defined in: attributes/shape/effects/effect-data.ts:83

Inherited from

ModedEffect.mode

radius

radius: number

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:34

Blur spread in px at the far end of the ramp. 0 = off.

samples

samples: number

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:46

Taps averaged at full radius; higher is smoother and slower.

shape

shape: ProgressiveBlurShape

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:36

How the ramp is laid out.

start

start: number

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:38

0–1 position along the ramp where the blur starts building.

type

type: "progressiveBlur"

Defined in: attributes/shape/effects/implementations/progressive-blur.ts:32