从按钮到卡片再到滚动出场，说明如何克制地用 CSS 微交互提升完成度。
悬浮效果给可点击元素
按钮、卡片、链接的悬浮态能提示可点击，但同屏别让所有元素都动。
动效时长控制在 150-300 毫秒，太快没感知，太慢显得拖沓。
点击效果反馈即时动作
点击反馈应该在手指落下时就出现，用于确认操作已被响应。
对工具站来说，操作区的反馈优先于装饰性动画。
滚动出场注意首屏
滚动出现效果适合内容区，但首屏元素不要做大幅位移，影响首次访问的理解。
生成代码时注意保留过渡参数，落地后在不同设备上各验证一遍。
交互动效
按钮悬浮与点击特效：CSS 微交互的克制用法
微交互能提升页面的完成度，但用多了反而干扰操作，关键是选对位置和控制强度。