1. 介紹
本方案介紹動畫（animations）。通過動畫，開發(fā)者可以將CSS屬性值的變化指定為一個隨時間變化的關(guān)鍵幀（keyframes）的集合。在隨著時間變化而改變CSS屬性值呈現(xiàn)方面，動畫與過渡（transitions）類似。主要的區(qū)別是，當(dāng)CSS屬性值改變時，過渡隱式觸發(fā)；而當(dāng)動畫屬性被應(yīng)用時，動畫被顯式地執(zhí)行。正因為如此，在給CSS屬性添加動畫時，需要給動畫指定明確的值。
動畫的許多方面都可以被控制，包括動畫的重復(fù)次數(shù)，是否在開始值與結(jié)束值之間交替，以及是否讓動畫開始或暫停。同樣也可以控制動畫是否延遲開始。
2. 動畫
CSS動畫影響屬性值的計算。這種影響通過向CSS層疊順序中添加一個指定的值實現(xiàn)，這樣就可以產(chǎn)生動畫在當(dāng)前狀態(tài)的正確的計算值。正如[CSS3CASCADE]中規(guī)定的那樣，動畫會覆蓋所有正常的樣式規(guī)則，但是動畫會被 !important規(guī)則覆蓋。
如果在某一時刻對于同一個CSS屬性存在多個指定的動畫行為，那么此刻在animation-name屬性值中最后出現(xiàn)的動畫會覆蓋其他的動畫。
例子
網(wǎng)友評論
