transition与animation的区别

用法：

//animation
animation:move 1s linear infinite alternate;
animation：name duration timing-function delay iteration-count(规定动画应该播放的次数) direction(规定是否应该轮流反向播放动画)
@keyframes move{
}
//transition
transition:all 2s;
transition:property duration timing-function delay(定义过度效果何时开始);

区别：
（1）transition需要事件触发，所以不会再页面加载时自动触发
（2）transition是一次性的，不能重复发生，除非一再触发
（3）transition只能定义开始状态和结束状态，不能定义中间状态
（4）一条transition规则，只能定义一个属性的变化，不能涉及多个属性
animation弥补也以上的缺陷。