樣式 animationName 屬性
示例
更改 <div> 元素的 animationName 屬性
document.getElementById("myDIV").style.animationName = "myNEWmove";
自己動手試一試 »
描述
animationName 屬性設定或返回 @keyframes 動畫的名稱。
語法
返回 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 |
是 | 是 | 是 | 是 | 是 | 11 |
相關頁面
CSS 參考: animation-name 屬性