Halo

WebGL 实时渲染的极简光环:画面中央一圈发丝般的细光,两束高光沿圆周缓缓流动,其余区域留白。

显示 Hero

调整参数

主色
#8fb4ff
渐变色
#e7c6ff

属性

属性类型默认值说明
childrenReactNode—叠加在背景之上的内容
colors[string, string]['#8fb4ff', '#e7c6ff']沿圆周流转的两种渐变色(hex)
sizenumber1光环半径倍率
speednumber1动画速度倍率
interactivebooleantrue光环中心是否轻微偏向指针
classNamestring—自定义类名

依赖

WebGL