用途:这是一个常见微动效(micro-animation)的参考库,汇总了界面中常用的动效写法,供设计或前端实现时直接参考复用,涵盖入场动画、交互反馈与状态过渡三类场景。
主要能力:入场动画包含 fadeIn、fadeUp、scaleIn、slideInRight 等 @keyframes 定义;交互反馈包含按钮按下缩放、卡片悬停位移与阴影、开关高亮、复选框描边绘制等效果;状态过渡包含可展开元素的高度与透明度过渡、骨架屏 shimmer 加载、提示条进入与退出动画。
使用方式:按资料提供的 CSS/JS 实现片段直接引用,具体命令与安装方式暂未提供。
限制与约束:所有时长须取自统一的时间刻度(100、150、200、250、300、400、500ms);所有缓动须使用既定的缓动令牌;在 prefers-reduced-motion: reduce 下需禁用全部动效;仅使用可被 GPU 加速的属性(transform、opacity)。