> CSS3 animation-name 属性

CSS3 animation-name 属性

实例

为 @keyframes 动画规定一个名称:


div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

Internet Explorer 10、Firefox 以及 Opera 支持 animation-name 属性。

Safari 和 Chrome 支持替代的 -webkit-animation-name 属性。

注释:Internet Explorer 9 以及更早的版本不支持 animation-name 属性。

定义和用法

animation-name 属性为 @keyframes 动画规定名称。

注释:请始终规定 animation-duration 属性,否则时长为 0,就不会播放动画了。

默认值: none
继承性: no
版本: CSS3
JavaScript 语法: object.style.animationName="mymove"

语法

animation-name: keyframename|none;
描述
keyframename 规定需要绑定到选择器的 keyframe 的名称。
none 规定无动画效果(可用于覆盖来自级联的动画)。

相关页面

CSS3 教程:CSS3 动画

参考手册

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试,对任何法律问题及风险不承担任何责任。 当使用本站时,代表您已接受了本站的使用条款和隐私条款。版权所有,保留一切权利。 鲁ICP备15022115号