怎么设置每次循环都延迟0.5s啊?

怎么设置每次循环都延迟0.5s啊?

delay不是在动画循环之外吗?animation: yidong .7s linear .5s infinite;这里的0.5s根本不起作用啊,要怎么设置为无限循环,每一次延迟.5s?

正在回答

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

4回答

老师讲课时说了delay不包括在动画中,实际也是如此。

换种思路,不要延迟执行动画,而是动画的效果本身就是前0.5s元素不动,后0.5s(或者其他时间)是元素动。

        @-webkit-keyframes up_down {
            0%{
                bottom: 100px;
            }
            50%{
                bottom: 100px;
            }
            100%{
                bottom: 80px; 
            }
        }


  • 慕粉2215357933 提问者 #1
    太谢谢了,这想法很好
    2017-01-22 15:33:59
  • 这种方法第一次来回,是延迟0.5秒。后面开始,延迟1秒
    2017-09-05 17:11:45
路大锤 2017-01-04 22:17:13

是,每次延迟完之后不就距离上次有0.5了吗

路大锤 2017-01-04 11:19:00

不要这么死心眼,学过的东西都是可以用的。那你不用这个用什么呀?


  • 提问者 慕粉2215357933 #1
    就是用了不起作用我才问的啊,你没看我提问中的那串代码里的0.5s根本没起作用么。我要是知道能用别的什么还用来提问?
    2017-01-04 19:35:29
路大锤 2017-01-01 22:12:21

animation-delay属性设置在动画开始之前的延迟。

  • 提问者 慕粉2215357933 #1
    可是循环不包括delay啊,编程要求不是说要循环中的每一次都要延迟0.5s吗?
    2017-01-02 19:40:52
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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