animation-fill-mode 的 both 不太懂

animation-fill-mode 的 both 不太懂

animation-fill-mode 为both时,会选择动画开始时的状态,还是动画结束后的状态? 根据什么来选择?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,是可以这样理解的。如果帮助到了你,欢迎采纳,祝学习愉快~


好帮手慕言 2019-06-10 14:28:05

同学你好,animation-fill-mode 为both时,两种状态都会存在,有一个小例子同学可以参考:

backwards和both使得第一个元素和第三个元素,在动画添加后都立即变为动画第一帧的状态。而第二个元素没有应用第一帧的状态。

forwards和both使得第二个元素和第三个元素,在动画结束后仍然保持动画最后一帧的状态。而第1个元素没有。

http://img1.sycdn.imooc.com//climg/5cfdf84d0001addb05540666.jpg

http://img1.sycdn.imooc.com//climg/5cfdf8580001e74d03870141.jpg

如果帮助到了你,欢迎采纳,祝学习愉快~


  • 提问者 qq_夜_71 #1
    也就是说,both 在动画开始之前,保持为第一帧状态,在动画结束后,保持为最后一帧的状态?
    2019-06-10 15:01:48
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师