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