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

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

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

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

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