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