CSS animation-name 屬性
定義和用法
animation-name
屬性為 @keyframes 動畫規定名稱。
注釋:請始終規定 animation-duration 屬性,否則時長為 0,就不會播放動畫了。
另請參閱:
CSS3 教程:CSS 動畫
HTML DOM 參考手冊:animationName 屬性
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- |