首先从字面来看，animation是动画，transition的过渡的意思
animation的属性：
name 设置动画的名称，
duration设置动画完成的周期，用
timing-function设置动画的速度曲线，
delay设置动画什么时候开始，
iteration-count设置动画播放的次数，
direction 规定下一个周期是否逆向的播放，
play-state动画是否正在进行或者暂停，
fill-mode 设置动画停了之后位置什么状态
transition的属性
property 去设置过渡效果的属性名称，
duration 设置过渡效果的周期，
timing-function规定速度效果的速度曲线，
delay 设定过渡效果什么时候开始
区别：
- transition 是过渡，是样式值的变化的过程，只有开始和结束；animation 其实也叫关键帧，通过和 keyframe 结合可以设置中间帧的一个状态
- animation配合 @keyframe 可以不触发事件就触发这个过程，而 transition 需要通过 hover 或者 js 事件来配合触发
- animation 可以设置很多的属性，比如循环次数，动画结束的状态等等，transition 只能触发一次
- animation 可以结合 keyframe 设置每一帧，但是 transition 只有两帧
