您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS3 animation-name 屬性

CSS3 animation-name 屬性

此節(jié)有 210 人學(xué)習(xí)過(guò) 參與評(píng)論

實(shí)例

為 @keyframes 動(dòng)畫規(guī)定一個(gè)名稱：

div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}

IE	Firefox	Chrome	Safari	Opera

Internet Explorer 10、Firefox 以及 Opera 支持 animation-name 屬性。

Safari 和 Chrome 支持替代的 -webkit-animation-name 屬性。

注釋：Internet Explorer 9 以及更早的版本不支持 animation-name 屬性。

animation-name 屬性為 @keyframes 動(dòng)畫規(guī)定名稱。

注釋：請(qǐng)始終規(guī)定 animation-duration 屬性，否則時(shí)長(zhǎng)為 0，就不會(huì)播放動(dòng)畫了。

默認(rèn)值：	none
繼承性：	no
版本：	CSS3
JavaScript 語(yǔ)法：	object.style.animationName="mymove"

animation-name: keyframename|none;

值	描述
keyframename	規(guī)定需要綁定到選擇器的 keyframe 的名稱。
none	規(guī)定無(wú)動(dòng)畫效果（可用于覆蓋來(lái)自級(jí)聯(lián)的動(dòng)畫）。