Spring hover 参数
卡片和图标按钮的 hover 使用 stiffness 400、damping 22,起动快,回弹不过头。
动效交互
推荐值
卡片和图标按钮的 hover 统一使用 stiffness: 400 与 damping: 22。它会在鼠标经过时迅速起动,停止时也不会出现明显的弹跳。
使用边界
不要把这组较强的 spring 用在大面积布局变化上。它只用于按钮、标签、卡片和小范围导航反馈,避免页面结构在交互时来回晃动。
卡片和图标按钮的 hover 使用 stiffness 400、damping 22,起动快,回弹不过头。
卡片和图标按钮的 hover 统一使用 stiffness: 400 与 damping: 22。它会在鼠标经过时迅速起动,停止时也不会出现明显的弹跳。
不要把这组较强的 spring 用在大面积布局变化上。它只用于按钮、标签、卡片和小范围导航反馈,避免页面结构在交互时来回晃动。