CSS animation-name 屬性

定義和用法

animation-name 屬性為 @keyframes 動畫規定名稱。

注釋:請始終規定 animation-duration 屬性,否則時長為 0,就不會播放動畫了。

另請參閱:

CSS3 教程:CSS 動畫

HTML DOM 參考手冊:animationName 屬性

實例

為 @keyframes 動畫規定一個名稱:

div
{
animation:mymove 5s infinite;
}

親自試一試

CSS 語法

animation-name: keyframename|none;

屬性值

描述
keyframename 規定需要綁定到選擇器的 keyframe 的名稱。
none 規定無動畫效果(可用于覆蓋來自級聯的動畫)。

技術細節

默認值: none
繼承性: no
版本: CSS3
JavaScript 語法: object.style.animationName="mymove"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

帶 -webkit-、-moz- 或 -o- 的數字表示使用前綴的首個版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-