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

保留住動(dòng)畫的最后狀態(tài)2113，在animation后面加上forwards就可5261以了代碼如下4102 webkitanimationanimations 1s ease 1 forwards 注意動(dòng)畫如果只執(zhí)行一次，1653通過css無(wú)法辦到，可以把動(dòng)畫結(jié)束時(shí)的樣式寫入一個(gè)class中。

CSS3中真正的動(dòng)畫屬性是animation，而前面的transform和transition都只是對(duì)DOM元素的變形或者是狀態(tài)的過渡實(shí)際上，CSS3所支持的動(dòng)畫效果只是填充動(dòng)畫，也就是說(shuō)先設(shè)定整個(gè)動(dòng)畫生命周期中的幾個(gè)關(guān)鍵狀態(tài)key frame，關(guān)鍵幀。