CSS3 animation-name 屬性

2022-06-02 14:26 更新

定義和用法

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

注釋?zhuān)赫?qǐng)始終規(guī)定 animation-duration 屬性，否則時(shí)長(zhǎng)為 0，就不會(huì)播放動(dòng)畫(huà)了。

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

語(yǔ)法

animation-name: keyframename|none;
值 描述
keyframename 規(guī)定需要綁定到選擇器的 keyframe 的名稱(chēng)。
none 規(guī)定無(wú)動(dòng)畫(huà)效果（可用于覆蓋來(lái)自級(jí)聯(lián)的動(dòng)畫(huà)）。

實(shí)例

實(shí)例

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

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

注釋?zhuān)?/b>Internet Explorer 9 以及更早的版本不支持 animation-name 屬性。

相關(guān)頁(yè)面

CSS3 教程：CSS3 動(dòng)畫(huà)


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)