both不是也可以做到吗?

both不是也可以做到吗?

这题both不是也可以做到的吗?  想问下,forwards的话就是开始运行时直接显示第二帧,结束时显示出了最后一帧?backwards就是开始时显示出了第一帧,最后一帧无法显示?是这样吗?both就是第一帧最后一帧都有显示

正在回答

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

1回答

同学你好,

①  这题both是可以做到的,因为both显示的是动画开始或结束的状态。

②  属性值设置成forwards,backwards,both动画的每一帧都会显示的,三个属性值之间区别举例说明:

1,  设置成backwards,在 animation-delay 所指定的一段时间内,在动画显示之前,应用开始属性值(在第一个关键帧中定义)。动画在延时的时间内动画的状态是开始时的状态:

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

效果:

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

2,  设置成both,动画在延时的时间内动画的状态是开始时的状态:

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

效果:

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

3,  设置成forwards,当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。

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

效果:

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

如果还有疑惑,可以在问答区再次提问,我们会继续为你解答的。

如果我的回答帮助了你欢迎采纳,祝学习愉快~


  • weixin_慕田峪521140 提问者 #1
    老师好!我想再请问下end和start的区别。一共3个关键帧0 50 100 运行3秒。 0秒时 end在第一帧0 start在第二帧50 1.5秒时 end在第二帧50 start在第三帧100 这种状态持续到第3秒结束 即end不设置forwards时,永远只显示2帧。start不设置backwards时,永远显示不了第一帧0?
    2019-08-12 16:46:39
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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