FORMA
首页 / 组件中心 / 背景与动效
COMPONENT / 像素扰动 / V0.9.0
Pixel Storm / 像素扰动组件渲染预览

Pixel Storm / 像素扰动

像素马赛克随指针推开、松手弹簧归位的交互背景,canvas 实现。

原创组件分类:背景与动效框架:React 18状态:functional-beta

可调字段

名称类型范围
accent强调色color
radius圆角 / pxnumber0 – 40
duration循环周期 / msnumber100 – 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许可。

查看实时预览 ↗返回组件中心