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