在前端开发中，CSS 的 transition 和 animation 有什么区别？请说明它们各自的使用方法，并举例适合的场景。
考察说明
考察对 CSS 过渡与动画机制的理解、区别以及实际应用能力
回答思路
- 准确解释 transition 和 animation 的核心区别，包括触发方式与定义方式
- 说明 transition 的基本语法，如 transition-property、duration、timing-function 等
- 说明 animation 的关键帧定义与动画属性，如 @keyframes、animation-name、duration 等
- 能结合具体场景说明各自适用的情境
- 能提及过渡与动画的性能注意点或常见边界情况
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。