transition是指在元素从一种状态转换到另一种状态时，通过CSS属性的变化来实现平滑过渡的效果。比如，当鼠标悬停在一个链接上时，链接的颜色从原来的黑色变成红色，这个过程就可以通过transition来实现。
animation则是指通过关键帧（keyframe）来定义元素的动画效果，可以实现更复杂的动画效果。比如，一个元素可以在页面加载时从左侧滑入，然后在一定时间内旋转一定角度，最后再从右侧滑出，这个过程就可以通过animation来实现。
总的来说，transition适用于简单的状态变化，而animation适用于更复杂的动画效果。