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