DotField
WebGL 实时渲染的呼吸点阵:细点随缓慢的噪声波起伏明灭,指针处的点被放大、推开并染上强调色。
Customize
点颜色
#8a90a6强调色
#7c6cffProps
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 叠加在背景之上的内容 |
color | string | '#8a90a6' | 点的底色(hex) |
highlightColor | string | '#7c6cff' | 波峰与指针附近的点所用的强调色(hex) |
gap | number | 22 | 点阵间距(CSS 像素) |
speed | number | 1 | 动画速度倍率 |
interactive | boolean | true | 指针附近的点是否被放大、推开 |
className | string | — | 自定义类名 |
依赖
WebGL