Rising Lines
Ascending lines and particles with laser beam effect
rising-lines-tw
Customize
Lines
Horizon
Halo
Scale
3.5
Brightness
1.0
Circle Scale
0.20
Rise Speed
0.10
Rise Scale
11.5
Rise Intensity
1.00
Flow Speed
0.20
Flow Density
4.0
Flow Intensity
0.60
Horizon Height
-0.65
Horizon Intensity
0.85
Halo Intensity
7.5
Props
16| Name | Type | Default | Description |
|---|---|---|---|
className | string | "" | Additional CSS classes |
color | string | "#33AAFF" | Primary effect color for particles |
horizonColor | string | "#33AAFF" | Horizon glow color at the bottom |
haloColor | string | "#33FFFF" | Halo/laser beam color |
riseSpeed | number | 0.1 | Speed of rising particles (0-0.2) |
riseScale | number | 11.5 | Scale/density of rising particles (5-20) |
riseIntensity | number | 1.0 | Intensity of rising particle effect (0-1) |
flowSpeed | number | 0.2 | Speed of flowing laser lines (0-1) |
flowDensity | number | 4.0 | Density of flow lines (1-5) |
flowIntensity | number | 0.6 | Intensity of flow line effect (0-1) |
horizonIntensity | number | 0.85 | Intensity of horizon background glow (0-1) |
haloIntensity | number | 7.5 | Intensity of halo/laser beam glow (0-10) |
horizonHeight | number | -0.65 | Vertical position of the horizon line (negative = bottom, positive moves up) |
circleScale | number | 0.2 | Scale of the circular vignette (0-1) |
scale | number | 3.5 | Overall scale/zoom of the effect (0.5-3) |
brightness | number | 1.0 | Overall brightness multiplier (0-2) |
classNamestringAdditional CSS classes
Default
""colorstringPrimary effect color for particles
Default
"#33AAFF"horizonColorstringHorizon glow color at the bottom
Default
"#33AAFF"haloColorstringHalo/laser beam color
Default
"#33FFFF"riseSpeednumberSpeed of rising particles (0-0.2)
Default
0.1riseScalenumberScale/density of rising particles (5-20)
Default
11.5riseIntensitynumberIntensity of rising particle effect (0-1)
Default
1.0flowSpeednumberSpeed of flowing laser lines (0-1)
Default
0.2flowDensitynumberDensity of flow lines (1-5)
Default
4.0flowIntensitynumberIntensity of flow line effect (0-1)
Default
0.6horizonIntensitynumberIntensity of horizon background glow (0-1)
Default
0.85haloIntensitynumberIntensity of halo/laser beam glow (0-10)
Default
7.5horizonHeightnumberVertical position of the horizon line (negative = bottom, positive moves up)
Default
-0.65circleScalenumberScale of the circular vignette (0-1)
Default
0.2scalenumberOverall scale/zoom of the effect (0.5-3)
Default
3.5brightnessnumberOverall brightness multiplier (0-2)
Default
1.0