请说明 CSS animation 和 transition 的各自适用场景，以及 animation 中关键帧（keyframes）的作用和使用方法。
考察说明
考察对 CSS 动画机制和关键帧语法的理解
回答思路
- 正确区分 transition 与 animation 的触发与持续方式
- 说明 transition 适合单次状态变化的场景
- 说明 animation 适合循环或复杂多阶段动画
- 能写出关键帧语法并解释 from/to 或百分比用法
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。