CSS3 animation-name 屬性
CSS 參考手冊
定義和用法
animation-name 屬性為 @keyframes 動畫規定名稱。
注釋:請始終規定 animation-duration 屬性,否則時長為 0,就不會播放動畫了。
默認值: | none |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.animationName="mymove" |
語法
animation-name: keyframename|none;
值 | 描述 |
---|---|
keyframename | 規定需要綁定到選擇器的 keyframe 的名稱。 |
none | 規定無動畫效果(可用于覆蓋來自級聯的動畫)。 |
實例
實例
為 @keyframes 動畫規定一個名稱:
div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite;/* Safari 和 Chrome */
}
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite;/* Safari 和 Chrome */
}
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
animation-name | 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- |
Internet Explorer 10、Firefox 以及 Opera 支持 animation-name 屬性。
Safari 和 Chrome 支持替代的 -webkit-animation-name 屬性。
注釋:Internet Explorer 9 以及更早的版本不支持 animation-name 屬性。
相關頁面
CSS3 教程:CSS3 動畫
CSS 參考手冊