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