CSS中transition和animation 的区别？

【概念释义】

transition 和 animation 是 CSS3 中实现元素动态效果的两个核心属性。transition（过渡）用于定义元素从一个状态平滑变化到另一个状态的过程，它需要触发条件（如 hover、focus、class 变化）才能执行，是一种隐式动画。animation（动画）则允许开发者定义关键帧（keyframes），实现更复杂、可循环、可独立运行的动画效果，无需外部触发即可自动执行。