查看 Demo 源码

加载中…

点击爆散

按钮微交互粒子爆发反馈关键操作

AI 改造

亮点解析

爆发式反馈强调关键操作 — 点击瞬间 8~10 个彩色粒子从点击点向外飞散，给支付、删除确认等关键操作一个匹配其重要性的视觉强度
强度匹配操作力度 — 普通按钮保持安静，只有关键操作才用爆散；粒子数量与飞散距离（40~70px）就是强度旋钮
如何向 AI 描述 — 说“点击瞬间生成 9 个粒子 span，圆心放在点击坐标，各自沿随机角度飞散 40~70px，0.5s ease-out 从 scale(1) 收到 scale(0) 并淡出，animationend 后移除节点”，并注明仅用于关键操作按钮

适用场景

支付成功按钮
删除确认
下单提交
游戏化奖励点击