CSS3中的动画

css3主要通过三个代理完成大部分动画工作。过渡(transition)，变形(transform)和动画(animation)。

当知道动画的起始状态和终止状态，并且需要一个简答的变形方法时，使用CSS过渡(transition)。

当需要在视觉上改变某个元素但又不想影响页面布局的时候，使用CSS变形(transform)。

当想在一个元素上执行一系列关键帧动画时，使用CSS动画(animation)。

动画不能从display:none;状态开始过渡。当某个元素被设为display:none;的时候，事实上它没有被“绘制”在屏幕上，所以没有状态进行过渡。为了创造渐进的效果，需要修改opacity或者position的值。并非所有属性都可以进行过渡。