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

Type

PixelStretchParams

import type { PixelStretchParams } from "@vfx-js/effects";

Properties

angle: number

Stretch direction, in degrees.

centerX: number

Effect center X, in [0, 1].

centerY: number

Effect center Y, in [0, 1].

offset: number

Stretch line position along the axis, in [-1, 1] (0 = center).

reach: number

Height of the stretch band, as a fraction of the element.

smoothness: number

Soften the band's edges, in [0, 1].