反馈与交互 · 点一下的回应
点击火花Click spark
- 跟着手指
- 往四周溅
- 极短
点哪儿，哪儿就溅出几道短火花，往四周飞一下就没了。它和涟漪的分工很清楚：涟漪画的是「这一片被按到了」，火花画的是「你按的正是这一点」—— 尺寸差一个量级，精度也差一个量级。
什么时候用它
用在小而准的控件上 —— 图标按钮、点赞、收藏，尤其适合指针（桌面）场景。触摸端要克制：手指会盖住落点，火花大半看不见，还白白耗电。
参数
on pointerdown · 8 sparks · length 0→14px · opacity 1→0 · 380ms ease-out
配方
点击火花 → on pointerdown · 8 sparks · length 0→14px · opacity 1→0 · 380ms ease-out
给 AI 的一句话
做点击火花：监听 pointerdown，在落点生成 8 道短线，每道按 45 度间隔向外，长度从 0 拉到 14px，同时 opacity 从 1 到 0，380ms ease-out，动画结束就把元素移除。短线要用 transform 定位和拉伸，别用 left/top。