Style animationName 屬性

定義和用法

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

實例

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

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

親自試一試

語法

返回 animationName 屬性：

object.style.animationName

設置 animationName 屬性：

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

屬性值

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

技術細節

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

瀏覽器支持

animationName 是 CSS3 (1999) 特性。

所有瀏覽器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
支持 支持 支持 支持 支持 11

相關頁面

CSS 參考手冊：animation-name 屬性