让交互有一点恰到好处的弹性

一个按钮的回应、一张卡片的展开，都有自己的节奏。动效可以让状态变化更容易理解。

先观察，再调整

下面的组件是可操作的。点击轨道切换小球位置，再调整两个滑块，感受响应速度和回弹程度。

用代码把想法说清楚

组件实现放在项目代码中，文章只保存名称与参数。

<SpringDemo stiffness={120} damping={14} />

参数	作用
弹性	调整运动持续时间
阻尼	调整回弹曲线

数学是另一种描述方式

经典弹簧可以写作 $F = -kx$，而实际动效还要考虑速度和阻尼。¹

Footnotes

1. 此示例用于检查公式、脚注和代码排版，真实文章可按需要进一步展开。 ↩