Chapter 564: blur()

Core Idea

_Part of the @remotion/effects package.

Key Concepts

• Preview
• Example
• API
• radius
• horizontal?
• vertical?
• disabled?
• Requirements

Code Examples

export const MyComp: React.FC = () => {
  return (
    <AbsoluteFill>
      <Video
        src="https://remotion.media/video.mp4"
        effects={[blur({radius: 8})]}
      />
    </AbsoluteFill>
  );
};

• What it demonstrates: Usage pattern for blur() from the official docs.

Key Takeaways

1. Understand preview when working with blur().
2. Understand example when working with blur().
3. Understand api when working with blur().
4. Understand radius when working with blur().
5. Understand horizontal? when working with blur().

Connects To

• Animated Emoji: related page in the Effects Library section.
• get Available Emoji: related page in the Effects Library section.
• api: related page in the Effects Library section.