动效描述：给前端的交付说明
用时长、缓动、触发条件、位移距离把动效写清楚，避免「要那种丝滑的感觉」。
提示词（整段复制）
你是动效设计顾问。请把这个动效写成可交付的说明。
动效场景：{{场景}}
想要的效果：{{效果}}
技术限制：{{限制}}
请输出：
1. 触发条件：什么操作触发、什么条件下不触发（比如快速连点、系统开启减弱动态效果）；
2. 参数表：每个元素列出——起始状态（位置/透明度/缩放）、结束状态、时长（毫秒）、延迟（错峰用）、缓动曲线（给 cubic-bezier 或标准名称）；
3. 分阶段：如果动效超过 300ms，拆成几段，各段负责什么（进入、停留、退出）；
4. 性能注意：哪些属性会触发重排、应该用 transform 与 opacity 的原因、会不会掉帧；
5. 可访问性：如何响应「减少动态效果」的系统设置，降级方案是什么；
6. 验收标准：给 3 条可判断的标准（比如「卡片从下方 16px 淡入，200ms 内完成，无回弹」）。
约束：单次动效总时长不超过 400ms（除页面转场）；不描述无法用 CSS 实现的效果而不给替代方案；缓动曲线必须给具体值。复制时把 {{变量}} 换成你自己的内容；变量名不要改，改了模型容易把它当普通文字。
要替换的变量
实操建议
- 缓动曲线必须给具体值。「ease-out」太笼统，「cubic-bezier(0.2, 0, 0, 1)」才能复现
- 错峰延迟（stagger）能让列表看起来高级，但总时长不要超过 400ms，否则显得拖沓
- 「减少动态效果」的系统设置一定要响应。这是可访问性要求，不是可选项
常见问题
动效时长多长合适？
微交互 100~200ms，元素进出 200~300ms，页面转场 300~400ms。超过 400ms 用户会感觉卡。
为什么强调只动 transform 和 opacity？
这两个属性由合成层处理，不触发重排重绘。动 width、top 会导致整页重算，低端设备上直接掉帧。