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

Type

ColoredEdgesParams

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

Properties

background: string

Background color for non-edge areas. Accepts a hex string.

color1: string

Gradient start color. Accepts a hex string.

color2: string

Gradient end color. Accepts a hex string.

intensity: number

Edge contrast multiplier.

opacity: number

Blend the source back in over the edges, in [0, 1].

thickness: number

Sampling radius for the Sobel kernel, in px.

threshold: number

Edge detection threshold, in [0, 1].