CSS3动画

动画animation

@keframes规则

如需在CSS3中引入动画，需要学习@keyframes规则，@keyframes规则用于创建动画，在@keyframes中规定某项CSS样式，就能创建出当前样式逐渐改变为新样式的动画效果。

　　animation至少包含两个属性：

　　1.规定动画的名称

　　2.规定动画的时长

写好规则，再使用animation属性来应用到某个元素

animation：myAinmation 5s；

和过渡类似，他可以规定几个值：动画名、动画时长、效果、开始时间

动画是使元素从一种样式逐渐改变为另一种样式的效果，可以改变人一多的样式任意多的次数，用百分比来规定变化发生的时间，或用关键词“from”和“to”，等同于0%和100% 。0%是动画的开始，100%是动画的完成，0%和100%方式兼容性更好。

CSS3动画

原文：http://www.cnblogs.com/1111duguxiaoyu/p/6251036.html