粒子
安装
用法
import { Particles } from "@/components/magicui/particles";<div className="relative overflow-hidden h-[500px] w-full">
<Particles />
</div>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
className | string | - | 组件的类名 |
数量 | number | 100 | 粒子的数量 |
静止度 | number | 50 | 粒子的静止度 |
缓动 | number | 50 | 粒子的缓动效果 |
大小 | number | 0.4 | 粒子的大小 |
刷新 | 布尔值 | 否 | 是否刷新粒子 |
颜色 | string | #ffffff | 粒子的颜色 |
vx | number | 0 | 粒子在 X 轴上的速度 |
vy | number | 0 | 粒子在 Y 轴上的速度 |