CSS3 animation-name ÊôÐÔ
ʵÀý
Ϊ @keyframes ¶¯»¹æ¶¨Ò»¸öÃû³Æ£º
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 ¶¯»¹æ¶¨Ãû³Æ¡£
×¢ÊÍ£ºÇëʼÖչ涨 animation-duration ÊôÐÔ£¬·ñÔòʱ³¤Îª 0£¬¾Í²»»á²¥·Å¶¯»ÁË¡£
ĬÈÏÖµ£º | none |
---|---|
¼Ì³ÐÐÔ£º | no |
°æ±¾£º | CSS3 |
JavaScript Óï·¨£º | object.style.animationName="mymove" |
Óï·¨
animation-name: keyframename|none;
Öµ | ÃèÊö |
---|---|
keyframename | ¹æ¶¨ÐèÒª°ó¶¨µ½Ñ¡ÔñÆ÷µÄ keyframe µÄÃû³Æ¡£ |
none | ¹æ¶¨ÎÞ¶¯»Ð§¹û£¨¿ÉÓÃÓÚ¸²¸ÇÀ´×Ô¼¶ÁªµÄ¶¯»£©¡£ |
Ïà¹ØÒ³Ãæ
CSS3 ½Ì³Ì£ºCSS3 ¶¯»