一、当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：

1.规定动画的名称

2.规定动画的时长

如下：把 "myfirst" 动画捆绑到 div 元素，时长：5 秒：

1.    动画是使元素从一种样式逐渐变化为另一种样式的效果。

2.    可以改变任意多的样式任意多的次数。

3.    您必须定义动画的名称和时长。如果忽略时长，则动画不会允许，因为默认值是 0。

4.    用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。

5.    0% 是动画的开始，100% 是动画的完成。

6.    为了得到最佳的浏览器支持，建议始终定义 0% 和 100% 选择器。

二、下面的表格列出了 @keyframes 规则和所有动画属性：

如运行名为 myfirst 的动画，其中设置了所有动画属性的简写：

项目设计组   供稿