最新的Web開發教程
 

Style animationName Property

<Style對象

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

// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";

// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove";
試一試»

定義和用法

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


瀏覽器支持

在表中的數字規定,完全支持該財產瀏覽器版本。

數字後面的Webkit,萬盎司或O指定的前綴工作的第一個版本。

屬性
animationName 43.0
4.0的Webkit
10.0 16.0
5.0萬盎司
4.0的Webkit 30.0
15.0的Webkit
12.1
12.0Ø

注:瀏覽器,Safari和Opera支持替代方案,WebkitAnimationName財產。


句法

返回animationName屬性:

object .style.animationName

設置animationName屬性:

object .style.animationName="none| 屬性值
描述
none 默認值。 指定不會有動畫(可用於覆蓋動畫從級聯來)
keyframename 指定關鍵幀的名稱要綁定的選擇
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 沒有
返回值: 一個字符串,表示元素的動畫名稱屬性
CSS版本 CSS3

相關頁面

CSS參考: animation-name property


<Style對象