COMPONENT / 像素扰动 / V0.9.0
Pixel Storm / 像素扰动
像素马赛克随指针推开、松手弹簧归位的交互背景,canvas 实现。
可调字段
| 键 | 名称 | 类型 | 范围 |
|---|---|---|---|
accent | 强调色 | color | — |
radius | 圆角 / px | number | 0 – 40 |
duration | 循环周期 / ms | number | 100 – 30000 |
title | 标题 | text | — |
subtitle | 说明 / 展开内容 | textarea | — |
label | 按钮或内容文字 | text | — |
默认参数
{
"accent": "#f0c8e8",
"radius": 18,
"duration": 360,
"title": "推开的像素会回来。",
"subtitle": "马赛克随指针推开,松手弹簧归位。",
"label": "PIXEL"
}运行依赖
react@18.3.1react-dom@18.3.1
许可
FORMA原创组件,可用于个人及商业项目;运行库遵循MIT许可。
查看实时预览 ↗返回组件中心