Style animationName 屬性

Style 對象參考手冊 Style 對象

實例

改變 <div> 元素的 animationName 屬性：

document.getElementById("myDIV").style.animationName="myNEWmove";

定義和用法

animationName 屬性設置或返回 @keyframes 動畫的名稱。

流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10、Firefox 和 Opera 支持 animationName 屬性。

Safari 和 Chrome 支持另一個可替代該屬性的屬性，即 WebkitAnimationName 屬性。

注意：Internet Explorer 9 及其之前的版本不支持 animationName 屬性。

語法

返回 animationName 屬性：

object.style.animationName

設置 animationName 屬性：

object.style.animationName="none|keyframename|initial|inherit"

屬性值

值 描述
none 默認值。規定沒有動畫（可用於重寫來自級聯的動畫）。
keyframename 規定要綁定到選擇器的關鍵幀的名稱。
initial 設置該屬性為它的默認值。請參閱 initial。
inherit 從父元素繼承該屬性。請參閱 inherit。

技術細節

默認值： none
返回值： 字串，表示元素的 animation-name 屬性。
CSS 版本 CSS3

相關文章

CSS 參考手冊：animation-name 屬性

Style 對象參考手冊 Style 對象