NarraLeaf

BlurDissolve

Crossfade transition between two images that blurs the outgoing frame and sharpens the incoming one, suited to flashbacks and dream sequences.

Available on Image changes and on scene jumps.

Crossfade from the current image to the next one while blurring: the current image blurs out and fades, and the next image sharpens in. Suited to flashbacks and dream states.

Usage

import { BlurDissolve } from "narraleaf-react";

image.char("image1.jpg", new BlurDissolve({ duration: 800, blur: 16 }));

Public Methods

constructor

  • options: BlurDissolveOptions
    • duration: number - The duration of the transition in milliseconds
    • blur?: number - The peak blur radius applied at the crossover, in pixels. Defaults to 16.
    • easing?: TransformDefinitions.EasingDefinition - The easing function, see TransformDefinitions.EasingDefinition

On this page