AI味太重不能一味的怪agent，把这16个UI动效学会【分享】

16种常见的UI动效及其应用场景，以下是核心要点：

1. 边缘流光 (Border Beam)：一道光沿着卡片边框旋转，用于突出重点推荐。
2. 聚光 (Spotlight)：鼠标移动时跟随发光，照亮卡片和边框。
3. 3D倾斜 (Tilt)：卡片随鼠标位置微倾，常用于产品展示。
4. 滚动叙事 (Scroll Storytelling)：页面滚动时画面固定，内容逐步变化，像翻书一样。
5. 乱码解码 (Scramble Text)：文字从乱跳字符定格成正确内容，科技感强。
6. 视差滚动 (Parallax)：背景比前景慢动，营造空间纵深感。
7. 磁吸 (Magnetic)：按钮靠近鼠标时被“吸”住，适合重要操作按钮。
8. 打字机 (Typewriter)：文字逐个打出并带闪烁光标，适合大标题。
9. 跑马灯 (Marquee)：一排内容匀速循环滚动，如合作伙伴Logo墙。
10. 流光 (Shimmer)：一道光扫过表面，常用于加载骨架屏或吸引点击。
11. 数字滚动 (Count Up)：数字快速滚到目标值，更具抓眼效果。
12. 滚动出现 (Scroll Reveal)：内容进入屏幕时淡入或滑入，增加阅读节奏。
13. 弹性 (Spring)：动作冲过头后弹回，类似果冻，适合趣味弹窗。
14. 错峰 (Stagger)：一组元素依次出现，带有层次感。
15. 悬停上浮 (Hover Lift)：鼠标悬浮时卡片微微抬起，提示可点击。
16. 缓动 (Easing)：控制运动速度的变化，减速最自然，能避免生硬感。

此外，实用建议：小动作动画时长建议在0.1~0.2秒，弹窗抽屉在0.2~0.3秒；动画尽量只改变位置、大小和透明度以保证流畅；最后强调要叫得出专业名词，AI才能准确帮你实现这些动效。

更多知识点可以查看原视频详细介绍。