我们非常幸运能生活在这个时代,在这个时代什么都非常简单,当然也会变得非常复杂,我记得以前做网站,想给网站添加个会动的元素几乎是不可能,除了依靠flash效果别无选择,要想图片变得会动,就做个gif图片,以前连个js动画效果都很少人去研究。现在好了,不仅有各种js的动画效果,还可以更直接点,你可以使用CSS3的动画效果,直接定义元素的{animotion:}属性即可,它后面的参数是动画名称,动画时间,动画过渡,这些都可以自己定义。

你可以通过@frameskey name来定义自己的动画名称,在{}里面写上动画过程,可以按%比来进行,也可以简单到from,to两个完成。