css过渡和动画的区别

css过渡和动画的区别

css过渡和动画（animation）都能让元素动起来，区别在于：

1、css过渡需要有一个事件触发（像 :hover等），才会起作用，而animation不需要。
2、动画（animation）可以定义很多个关键帧，而过渡不可以。
3、用过渡和动画做一个鼠标悬停时产生动效的效果，当鼠标移开时，用过渡做的效果会缓慢的变回原来的样子，而动画是唰的一下变回原来的样子。