浏览器支持

表格中的数字注明了完全支持 CSS 动画的首个浏览器版本。

-webkit-、-moz- 或 -o- 后面的数字注明了使用前缀的第一个版本。

43.0

4.0 -webkit-

10.0

16.0

5.0 -moz-

9.0

4.0 -webkit-

30.0

15.0 -webkit-

12.0 -o-

实例

设置背景颜色从红色到蓝色的动画：

@keyframes mymove {

from {background-color: red;}

to {background-color: blue;}

}

亲自试一试