BackgroundsNew
Meteors
Thin shooting stars streak across at an angle. Light motion behind a headline.
Customize
color
tailColor
Based on Meteors (MIT license) ยท Terms of use
More in Pro
View allProps
9 properties| Property | Type | Default | Description |
|---|---|---|---|
| number | number | 20 | How many meteors. |
| angle | number | 215 | Fall angle in degrees. |
| minDelay | number | 0.2 | Shortest delay before a meteor starts, in seconds. |
| maxDelay | number | 1.2 | Longest delay before a meteor starts, in seconds. |
| minDuration | number | 2 | Fastest flight, in seconds. |
| maxDuration | number | 10 | Slowest flight, in seconds. |
| color | string | "rgba(255, 255, 255, 0.7)" | Colour of the meteor head. |
| tailColor | string | "rgba(255, 255, 255, 0.5)" | Colour at the start of the tail, which then fades out. |
| className | string | โ | Classes for each meteor, e.g. another color. |
Dependencies
2 required packages
npm install clsx tailwind-merge