浅谈animation里的forwards

Posted 2020-12-26 jianxian

forwards可译为向前走，

animation-fill-mode（动画填充模式），定义动画播放时间之外的状态

顾名思义，就是在动画播放完了之后给它一个状态 animation-fill-mode : none | forwards | backwards |both; 

（1）none，播放完之后不改变默认行为，默认值

（2）forwards则是停在动画最后的的那个画面

（3）backwards则是回调到动画最开始出现的画面

（4）both则应用为动画结束或开始的状态

案例：

    例如动态写字特效，需要在动画执行完毕后，将动画暂停到最后一帧