CSS3 animation-name 属性

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法:

animation-name:none | <identifier> [ , none | <identifier> ]*

默认值none

适用于:所有元素,包含伪对象:after和:before

继承性:无

相关属性:[ @keyframes ]

取值:

none:
不引用任何动画名称
<identifier>
定义一个或多个动画名称(identifier标识)

说明:

检索或设置对象所应用的动画名称,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义
  • 如果提供多个属性值,以逗号进行分隔。
  • 对应的脚本特性为animationName

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-9 4 5.1.7 13-23 11.5-11.6
版本 10 5-18

示例: