浅谈animation里的forwards
阅读原文时间:2023年07月13日阅读:1

forwards可译为向前走,

animation-fill-mode(动画填充模式),定义动画播放时间之外的状态

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

(1)none,播放完之后不改变默认行为,默认值

(2)forwards则是停在动画最后的的那个画面

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

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

案例:

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

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章