anim - 设计克制且无障碍的网页界面动画
指导使用 CSS、Web API 或 React 设计和审查交互、过渡、加载状态及内容展现等克制的界面动画。
标签
更新于: 2026-10-16能力
典型输入
典型输出
该技能可以做什么
- 定义有目的的动效
- 选择动画时长
- 应用缓动曲线
- 动画化变换与透明度
- 实现进入和退出模式
- 遵循减少动效设置
- 验证动画性能
输入
- 界面动效任务
- 界面代码
- 动画上下文
- 无障碍要求
- 目标设备环境
输出
- 动画代码
- 动效审查结果
- 减少动效行为
- 时长与缓动选择
- 动画性能检查结果
要求
- 支持 CSS、Web API 或 React
- 支持减少动效偏好设置
- 使用 motion 技能处理 motion/react API 细节