2026-06-28 / 4 min

Spring hover 参数

卡片和图标按钮的 hover 使用 stiffness 400、damping 22,起动快,回弹不过头。

动效交互

推荐值

卡片和图标按钮的 hover 统一使用 stiffness: 400damping: 22。它会在鼠标经过时迅速起动,停止时也不会出现明显的弹跳。

使用边界

不要把这组较强的 spring 用在大面积布局变化上。它只用于按钮、标签、卡片和小范围导航反馈,避免页面结构在交互时来回晃动。