在@keyframes和標(biāo)識符之后，就是一系列的動(dòng)畫規(guī)則就像普通的CSS代碼中聲明的style規(guī)則了這一系列動(dòng)畫規(guī)則用大括號括起來隔開，然后再嵌在@keyframes之后的大括號里，類似其他@語法規(guī)則以樓主貼出的代碼為例，前綴webkit。

1，animationname規(guī)定需要綁定到選擇器的 keyfram 名稱 2，animationduration規(guī)定完成動(dòng)畫所花費(fèi)的時(shí)間，以秒或毫秒計(jì)，默認(rèn)值0 3，animationtimingfuntion速度變化曲線 默認(rèn)值ease linear勻速 easein先慢變快。

animation是css3的新屬性，尚處于實(shí)驗(yàn)階段，各種不同內(nèi)核的瀏覽器都在進(jìn)行試驗(yàn)中，也就是說animation在不同的瀏覽器中其支持程度運(yùn)行效果等方面是存在差別的，因此為了保證網(wǎng)頁在各種瀏覽器中的兼容性，就要給animation添加各。

cubicbezier和lineareaseeaseineaseouteaseinout這些一樣是動(dòng)畫運(yùn)動(dòng)的速度曲線，勻速先快后慢，先慢后快類似這些你應(yīng)該明白吧，cubicbezier是自定義速度曲線，可能不能用語言描述這樣的曲線，看曲線圖就能知道。

CSS3 動(dòng)畫屬性 下面的表格列出了 @keyframes 規(guī)則和所有動(dòng)畫屬性keyframes 規(guī)定動(dòng)畫animation 所有動(dòng)畫屬性的簡寫屬性，除了 animationplaystate 屬性animationname 規(guī)定 @keyframes 動(dòng)畫的名稱animationduratio。