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 ¶¯»­

VUE