ParticleText
文字由细小粒子组成,进入视口时从四周飞入聚合成字;指针靠近时粒子被推散,离开后弹回原位。
Particles
Customize
粒子颜色
#a78bfaProps
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | string | — | 由粒子组成的文本,可用 \n 换行 |
color | string | currentColor | 粒子颜色,默认继承文字颜色,也可用 CSS 变量 --elyri-particle-color 覆盖 |
particleSize | number | 2 | 单个粒子边长(CSS 像素) |
gap | number | 3 | 采样间距(CSS 像素),越小粒子越密 |
radius | number | 80 | 指针排斥半径(CSS 像素),0 为关闭交互 |
force | number | 1 | 排斥力度倍率 |
assemble | boolean | true | 首次进入视口时粒子是否从四周飞入聚合成字 |
className | string | — | 自定义类名 |
依赖
Canvas 2DIntersectionObserverResizeObserver