在@keyframes和标识符之后，就是一系列的动画规则就像普通的CSS代码中声明的style规则了这一系列动画规则用大括号括起来隔开，然后再嵌在@keyframes之后的大括号里，类似其他@语法规则以楼主贴出的代码为例，前缀webkit。

1，animationname规定需要绑定到选择器的 keyfram 名称 2，animationduration规定完成动画所花费的时间，以秒或毫秒计，默认值0 3，animationtimingfuntion速度变化曲线 默认值ease linear匀速 easein先慢变快。

animation是css3的新属性，尚处于实验阶段，各种不同内核的浏览器都在进行试验中，也就是说animation在不同的浏览器中其支持程度运行效果等方面是存在差别的，因此为了保证网页在各种浏览器中的兼容性，就要给animation添加各。

cubicbezier和lineareaseeaseineaseouteaseinout这些一样是动画运动的速度曲线，匀速先快后慢，先慢后快类似这些你应该明白吧，cubicbezier是自定义速度曲线，可能不能用语言描述这样的曲线，看曲线图就能知道。

CSS3 动画属性 下面的表格列出了 @keyframes 规则和所有动画属性keyframes 规定动画animation 所有动画属性的简写属性，除了 animationplaystate 属性animationname 规定 @keyframes 动画的名称animationduratio。