阅读(28.4k) 书签赞(1) 我要纠错

CSS3 animation-name 属性

2022-06-02 14:26 更新

定义和用法

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

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

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

animation-name: keyframename|none;

值	描述
keyframename	规定需要绑定到选择器的 keyframe 的名称。
none	规定无动画效果（可用于覆盖来自级联的动画）。

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

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

尝试一下 »

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

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

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

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