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

Type

SliceShiftParams

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

Properties

angle: number

Strip orientation, in degrees. 0 = strips stack horizontally.

centerX: number

Effect center X, in [0, 1].

centerY: number

Effect center Y, in [0, 1].

random: number

Per-strip random shift, in [0, 1].

shift: number

Per-strip shift toward the center, in strip-size units. 1 = every strip shows the center strip.

size: number

Strip size in pixels.