animation-micro-interaction-pack
Animation & Micro-interaction Pack 是一套可复用的交互动效模式与动画预设集合,用于让 UI 呈现更精致、更打磨过的观感。该技能包汇集了常见的动画模式,包括悬停效果、过渡、入场动画、手势反馈以及加载状态动效,并给出 Tailwind CSS 配置与 Framer Motion 代码示例。其内容涵盖悬停放大、上浮、发光与颜色变化,入场淡入、滑入、缩放入场与列表错峰效果,退场淡出、滑出与缩放消失,加载脉冲、骨架波纹与进度条,以及点击涟漪、拖拽反馈、滑动指示等手势动画。同时提供性能与体验层面的最佳实践:微交互使用 200–300ms 时长、遵循 prefers-reduced-motion、优先动画 transform 与 opacity、加入缓动函数、对列表项做错峰处理,并为元素提供 hover/active 状态。适合前端开发与界面动效设计场景下参考与复用。