流星
安装
用法
import { Meteors } from "@/components/magicui/meteors";<div className="relative overflow-hidden h-[500px] w-full max-w-[350px]">
<Meteors />
</div>属性
Meteors
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
number | number | 20 | 流星数量 |
minDelay | number | 0.2 | 流星动画开始前的最小延迟（秒） |
maxDelay | number | 1.2 | 流星动画开始前的最大延迟（秒） |
minDuration | number | 2 | 流星动画的最小持续时间（秒） |
maxDuration | number | 10 | 流星动画的最大持续时间（秒） |
角度 | number | 215 | 流星轨迹的角度（度） |
className | string | - | 可选的额外 CSS 类 |