閱讀(28.5k) 書簽贊(1) 我要糾錯

CSS3 animation-name 屬性

2022-06-02 14:26 更新

定義和用法

animation-name 屬性為 @keyframes 動畫規(guī)定名稱。

注釋：請始終規(guī)定 animation-duration 屬性，否則時長為 0，就不會播放動畫了。

默認值：	none
繼承性：	no
版本：	CSS3
JavaScript 語法：	object.style.animationName="mymove"

animation-name: keyframename|none;

值	描述
keyframename	規(guī)定需要綁定到選擇器的 keyframe 的名稱。
none	規(guī)定無動畫效果（可用于覆蓋來自級聯(lián)的動畫）。

為 @keyframes 動畫規(guī)定一個名稱：

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 屬性。