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 属性