Skip to main content

Blur Filter

Applies a Gaussian blur directly to the image texture. value is the blur radius in pixels.

Usage​

import { MX } from '@motion-script/core';

<Image src="./photo.jpg" fit="fill" width={600} height={400}
  filters={MX.blur(8)}
/>

// Raw object
filters={[{ type: 'blur', value: 8 }]}

Props​

PropTypeDescription
type'blur'Filter identifier
valuenumberBlur radius in pixels

Notes​

  • Applied at the image texture level, before compositing.
  • For blur on an entire node (including its children), use the Blur Node Effect instead.