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.