以前沒有注意到的一個問題,就是你在使用css3動畫@keyframes后,動畫一結束又會變成原來的狀態(tài),這個就很煩氣了。動畫轉了半天一結束又變成原來的,那不是很虧。。今天特意去查了下,原來有個屬性animation-fill-mode,可以控制動畫結束后的狀態(tài)。屬性如下:
- none:默認值,回到動畫沒開始時的狀態(tài)。
- forwards 表示讓動畫停留在結束狀態(tài)。
- backwards:讓動畫回到第一幀的狀態(tài)。
- both: 根據(jù)animation-direction(見后)輪流應用forwards和backwards規(guī)則。