Toggle Sidebar B
Light & dark mode D

ProgressiveBlur

Blur that increases progressively in one direction

Blur that increases progressively in one direction

Props

PropTypeDefaultDescription
intensityrange50Maximum intensity of the blur effect
anglerange0Direction of the blur gradient (in degrees)
centerposition{"x":0,"y":0.5}Center point where blur begins
falloffrange1Distance over which blur transitions to full strength

Usage

vue
<Shader>
  <ProgressiveBlur
    :intensity="50"
  >
    <Circle />
  </ProgressiveBlur>
</Shader>