animation里的forwards到底是什么作用呢
這里的forwards到底是什么作用呢？（-moz-animation:effectOut 8s ease-in-out forwards;）
我發現如果不要這個forwards，第二張圖出現后，第三張圖就會自動又出現？
鳴人與路飛
2016-01-07
4 回答
舉報
0/150
提交
取消
2016-01-07
animation-fill-mode，定義動畫播放時間之外的狀態,顧名思義，要么就是在動畫播放完了之后給它一個狀態?animation-fill-mode?:?none?|?forwards?|?backwards?|both;?none，播放完之后不改變默認行為，默認值，forwards則是停在動畫最后的的那個畫面，backwards則是回調到動畫最開始出現的畫面，both則應用為動畫結束或開始的狀態，
參考https://www.qianduan.net/css3-animation/
2017-11-10
animation-fill-mode屬性值：
none: 默認值，播放完動畫后，畫面停在起始位置
forwards: 播放完動畫，停在animation定義的最后一幀
backwards: 如果設置了animation-delay，在開始到delay這段時間，畫面停在第一幀。如果沒有設置delay，畫面是元素設置的初始值。
both，應該懂了
2016-01-07
看你結束完是停留還是 回去
2016-01-07
forwards屬于animation-fill-mode屬性的值，意思是當動畫完成后，保持最后一個屬性值（在最后一個關鍵幀中定義）。
你這里去掉了，就不會保持，所以自動出現第三張圖