Light Rays
A component with animated light rays which shine down from above.
Installation
CLI
# Instructions for CLI installation here.
Manual
<!-- Instructions for manual installation here. -->
Usage
// Instructions for usage here.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
count |
number |
7 |
Total number of animated rays. |
color |
string |
"rgba(160, 210, 255, 0.2)" |
Base colour used for the gradients. |
blur |
number |
36 |
Pixel radius applied to the blur filter. |
opacity |
number |
0.65 |
Maximum opacity that rays reach (0 – 1). |
speed |
number |
14 |
Average seconds each ray takes to complete a cycle. |
length |
`string | number` | "70vh" |
className |
string |
undefined |
Additional class names applied to the wrapper. |
style |
React.CSSProperties |
undefined |
Inline styles merged into the wrapper. |