Skip to main content

Function: scrim()

scrim(options?: object): ElementDecorator

Decorates an element with a soft radial dark aura underlay to make foreground text pop from busy animated backgrounds.

Parameters​

ParameterTypeDescription
options{ blur?: number; color?: string; opacity?: number; spread?: Point | "tight" | "medium" | "wide"; }-
options.blur?numberOptional backdrop blur in pixels behind the scrim (default: 0).
options.color?stringColor of the radial dark aura (default: "#09090b").
options.opacity?numberBackground darkness opacity from 0 to 1 (default: 0.85).
options.spread?Point | "tight" | "medium" | "wide"Horizontal and vertical expansion/spread factor (default: "medium").

Returns​

ElementDecorator