CSS3 动画简介

    animation的意思就是“动画"。需要注意的是，animation和之前所学过的canvas动画不同。animation是一个CSS属性，只能作用于页面中已经存在的元素，而不能像canvas那样可以在画布中呈现动画效果。

    想使用animation动画，需要先了解@keyframes。它的意思是“关键帧”，在Hash中创建动画其实就是创建关键帧，CSS3中的©keyframes类似于Flash中的关撻帧。

    下面是官方对CSS3动画的解释。

    动画是使元素从一种样式逐渐变化为另一种样式的效果。可以改变为任意样式，可以进行任意次数的改变。请用百分比来规定变化发生的时间，或用关键词from和to,等同于0%和100%。0%是动画的开始，100%是动画的完成。为了得到最佳的浏览器支持，应该始终定义0%和100%选择器。