Your system asks for reduced motion, so VFX-JS draws nothing. Demos on this site show plain HTML.

Type

TransitionSpec<T extends Transition | TransitionClass = Transition | TransitionClass>

vfx-js/src/transition/types.ts:78 ↗
import type { TransitionSpec } from "@vfx-js/core";

Properties

duration

duration?: number

Seconds.

ease

ease?: TransitionEase

How t follows progress. Overrides the transition's own.

keepPlaying

keepPlaying?: boolean

Keep capturing the old content during the run, so its animations and videos keep playing. It costs one more capture per frame. Hand the old nodes over with ctx.keepPlaying() in the run() callback; show() does it for you. Function opts can turn it off but not on; set it on the container then. Default false.

overflow

overflow?: true | number

Extra room to draw outside the element. Overrides the transition's own.

params

params?: ParamsOf<T>

Constructor params. Only with a class.

reverse

reverse?: boolean

Play backwards with the roles of the old and new content swapped.

transition

transition: T

A class, or an instance to use as is. An instance runs in one container at a time.