先提個問題，怎樣查看animation-fill-mode中none和backwards的不一樣。

首先設(shè)置代碼如下（添加一個div塊，作為對比，并且改變div塊相關(guān)屬性，如默認的background背景色、動畫延遲animation-delay、animation-fill-mode），并且執(zhí)行代碼，能看到效果。

html：
<div?class="div1">1</div>
<div?class="div2">2</div>
css3：
.div1?{
??background:?orange;
??animation-delay:?5s;
??animation-fill-mode:?backwards;?
}
.div2{
??background:?orange;
??animation-delay:?5s;
??animation-fill-mode:?none;?
}

解釋：backwards（動畫開始時，迅速應(yīng)用動畫的初始幀），none（動畫完成時，反轉(zhuǎn)到初始幀），設(shè)置的初始幀是orange橘色。點擊提交，div1背景色迅速應(yīng)用動畫的初始幀red紅色，div2背景色仍停留在初始幀橘色orange。

重點！！backgrounds所指初始幀為動畫的初始幀(RED)，none所指初始幀為div塊原本的初始幀（ORANGE）。

當你添加animation-delay時間后，就會不一樣了，backwards表示在animation-delay這段時間里應(yīng)用初始幀0%的狀態(tài)。

其實沒有區(qū)別