Velvet
WebGL 实时渲染的丝绒:斜向垂坠的褶皱缓慢摆动,侧面泛起绒毛特有的柔光,指针划过压倒绒毛留下渐渐回弹的痕迹。
Customize
丝绒色
#6a1230绒光色
#ffb3c8Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 叠加在背景之上的内容 |
color | string | '#6a1230' | 丝绒本体色(hex) |
sheenColor | string | '#ffb3c8' | 绒面光晕色(hex) |
folds | number | 1 | 褶皱密度倍率 |
fuzz | number | 0.4 | 绒毛质感强度,0 为光洁、1 为明显的毛绒颗粒 |
vignette | number | 0.5 | 四周暗角强度,0 为无暗角 |
speed | number | 1 | 动画速度倍率 |
interactive | boolean | true | 光源是否跟随指针,指针划过是否留下渐消的压痕 |
className | string | — | 自定义类名 |
依赖
WebGL