Skip to main content

Function: GradientFluid()

GradientFluid(options?: object): Background

Creates a procedural continuous Chromatic Gradient Fluid background element.

Parameters​

ParameterTypeDescription
options{ backgroundColor?: string; className?: string; colors?: string[] | [string, string, string, string]; gloss?: number; id?: string; opacity?: number; waveSpeed?: number; }-
options.backgroundColor?stringBackground color behind the fluid (default: "#09090b")
options.className?string-
options.colors?string[] | [string, string, string, string]Color palette from dark depth to luminous crest highlights. Default: ["#09090b", "#0284c7", "#38bdf8", "#e0f2fe"]
options.gloss?numberStrength of surface refraction / liquid gloss (default: 1.0)
options.id?string-
options.opacity?numberOptional initial opacity (default: 1).
options.waveSpeed?numberSpeed of wave rolling across screen (default: 0.5)

Returns​

Background