Halo
WebGL 实时渲染的极简光环:画面中央一圈发丝般的细光,两束高光沿圆周缓缓流动,其余区域留白。
调整参数
主色
#8fb4ff渐变色
#e7c6ff属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 叠加在背景之上的内容 |
colors | [string, string] | ['#8fb4ff', '#e7c6ff'] | 沿圆周流转的两种渐变色(hex) |
size | number | 1 | 光环半径倍率 |
speed | number | 1 | 动画速度倍率 |
interactive | boolean | true | 光环中心是否轻微偏向指针 |
className | string | — | 自定义类名 |
依赖
WebGL