Blur Filter

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

Usage

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

<Image src="./photo.jpg" fit="fill" width={600} height={400}
  filters={ImageFilters.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.