CSS3 animation-name 属性
Example
为 @keyframes 动画指定一个名称：
div{
-webkit-animation-name: mymove; /* Chrome, Safari, Opera */
animation-name: mymove;
} 尝试一下 »定义及用法
animation-name 属性为 @keyframes 动画指定名称。
| 默认值： | none |
|---|---|
| 继承： | 否 |
| 可动画化： | 否。 请参阅 animatable |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.animationName="myNEWmove" 尝 试 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
紧跟在 -webkit-，-moz- 或 -o- 前的数字为支持该前缀属性的第一个浏览器版本号。
| 属性 | ||||||
|---|---|---|---|---|---|---|
| animation-name | 43.0
4.0 -webkit- |
12.0 | 10.0 | 16.0
5.0 -moz- |
9.0
4.0 -webkit- |
30.0
15.0 -webkit- 12.0 -o- |
CSS 语法
animation-name: keyframename|none|initial|inherit;
属性值
| 值 | 描述 | |
|---|---|---|
| keyframename | 指定要绑定到选择器的关键帧的名称。 | |
| none | 默认值。指定有没有动画（可用于覆盖从级联的动画）。 | |
| initial | 将此属性设置为其默认值。请参阅 initial | |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关文章
CSS3 教程：CSS3 Animations
HTML DOM 参考手册：animationName 属性
