小飞机的效果怎么实现?好像不是一次动画,而是移动好几次,麻烦提供下思路

小飞机的效果怎么实现?好像不是一次动画,而是移动好几次,麻烦提供下思路

正在回答 回答被采纳积分+1

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

2回答
好帮手慕星星 2019-12-22 10:34:43

同学你好,小火箭抖动效果在当前屏出现的时候出现就好,不需要多次。可以使用animation动画,写在done类中,当前屏显示的时候,正常添加done类,从而动画也就添加上了,自己试着写一写。

如果实现不了,可以将html,css以及js代码粘贴上来,老师帮助你测试。

祝学习愉快!

好帮手慕慕子 2019-12-21 18:04:09

同学你好 , 使用动画, 设置不同帧下, 火箭在竖直方向的位置就可以实现。

火箭由从下到上出现,先到达最高点, 之后往下移动一定的距离,然后向上移动一定的距离, 最后在向下移动一定的距离,实现一个抖动的效果。 示例:

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

老师在这里只是提供一个参考示例, 具体的需要同学根据自己的布局情况去调整实现效果。

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

  • 提问者 迷失的小麦 #1
    关键是没办法用动画结合js写代码
    2019-12-21 20:48:19
  • 提问者 迷失的小麦 #2
    用老师的js方法只能过渡一次
    2019-12-21 20:49:49
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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