v0.0.1

ParticleText

文字由细小粒子组成,进入视口时从四周飞入聚合成字;指针靠近时粒子被推散,离开后弹回原位。

Particles

Customize

粒子颜色
#a78bfa

Props

属性类型默认值说明
childrenstring—由粒子组成的文本,可用 \n 换行
colorstringcurrentColor粒子颜色,默认继承文字颜色,也可用 CSS 变量 --elyri-particle-color 覆盖
particleSizenumber2单个粒子边长(CSS 像素)
gapnumber3采样间距(CSS 像素),越小粒子越密
radiusnumber80指针排斥半径(CSS 像素),0 为关闭交互
forcenumber1排斥力度倍率
assemblebooleantrue首次进入视口时粒子是否从四周飞入聚合成字
classNamestring—自定义类名

依赖

Canvas 2DIntersectionObserverResizeObserver