弹性微缩按压反馈

按钮按压 0.96 的物理弹性压缩 + 深度内阴影，释放时触发轻微超调回弹（Spring Overshoot）。下面的"实验室按钮"带实时 scale 读数——按住它，看数值掉到 0.96 再弹过 1.0。

实时 Demo

scale 1.000

鼠标快速点击 vs 按住再松手，回弹的超调幅度是一样的——因为释放走的是同一条 spring 曲线

效果拆解

压缩量 0.96 是经验值：太小（0.99）感觉不到，太大（0.9）像坏掉了。图标按钮可以压到 0.92，大按钮 0.97 更稳。
内阴影制造"凹陷"：inset 0 4px 12px rgba(0,0,0,.35)，上缘加一条 1px 白线模拟受光边，立体感立刻出来。
超调靠 bezier 的 y>1：释放曲线 cubic-bezier(.34, 2.2, .64, 1)，y1=2.2 让 scale 冲过 1.0 再落回，即 Overshoot。想更 Q 提到 2.5，想克制降到 1.5。
按压/释放要不同时长：按压快（80~160ms）显得跟手，释放慢（250~400ms）让回弹"看得清"。用 transition 的 :active 切换天然实现。
注意：transform 过渡不要同时动布局属性（width/height），否则掉帧；按钮内文字会随 scale 一起缩，这是正常的物理感。

AI 提示词

按钮按压添加 0.96 的物理弹性压缩（Scale）与深度内阴影（inset 0 4px 12px rgba(0,0,0,.35)，上缘叠 1px 受光亮线）；按压状态 transition 时长 80~160ms 保证跟手，释放时切换为 cubic-bezier(.34, 2.2, .64, 1) 时长 250~400ms，利用 y 值大于 1 产生轻微超调回弹（Spring Overshoot）；hover 时微放大到 1.03；只使用 transform / box-shadow / filter，不改变布局尺寸，保持 GPU 合成。按钮按压添加 0.96 的物理弹性压缩（Scale）与深度内阴影（inset 0 4px 12px rgba(0,0,0,.35)，上缘叠 1px 受光亮线）；按压状态 transition 时长 80~160ms 保证跟手，释放时切换为 cubic-bezier(.34, 2.2, .64, 1) 时长 250~400ms，利用 y 值大于 1 产生轻微超调回弹（Spring Overshoot）；hover 时微放大到 1.03；只使用 transform / box-shadow / filter，不改变布局尺寸，保持 GPU 合成。

整套按钮库统一这一条曲线，"手感"就统一了——这是最容易偷懒也最值钱的细节。
提示词内置本 Demo 实测参数，AI 还原度会很高。