Style animationName 屬性
實例
改變 <div> 元素的 animationName 屬性:
document.getElementById("myDIV").style.animationName="myNEWmove";
嘗試一下 ?
定義和用法
animationName 屬性設(shè)置或返回 @keyframes 動畫的名稱。
瀏覽器支持
Internet Explorer 10、Firefox 和 Opera 支持 animationName 屬性。
Safari 和 Chrome 支持另一個可替代該屬性的屬性,即 WebkitAnimationName 屬性。
注意:Internet Explorer 9 及其之前的版本不支持 animationName 屬性。
語法
返回 animationName 屬性:
object.style.animationName
設(shè)置 animationName 屬性:
object.style.animationName="none|keyframename|initial|inherit"
屬性值
值 | 描述 |
---|---|
none | 默認值。規(guī)定沒有動畫(可用于重寫來自級聯(lián)的動畫)。 |
keyframename | 規(guī)定要綁定到選擇器的關(guān)鍵幀的名稱。 |
initial | 設(shè)置該屬性為它的默認值。請參閱 initial。 |
inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術(shù)細節(jié)
默認值: | none |
---|---|
返回值: | 字符串,表示元素的 animation-name 屬性。 |
CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊:animation-name 屬性
更多建議: