閱讀(28.7k) 書簽贊(1) 我要糾錯(cuò)

CSS3 animation-name 屬性

2022-06-02 14:26 更新

定義和用法

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

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

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

animation-name: keyframename|none;

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

為 @keyframes 動(dòng)畫規(guī)定一個(gè)名稱：

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