css3动画延迟

css3动画延迟

animation-delay为动画开始时的延迟时间,如果让循环中的每一次开始都有延迟效果该怎么做?

正在回答

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

3回答

不使用延迟执行动画,建议这么来设置:元素本身前0.5s不动(即不设置动画效果),后0.5s(或者其他时间)给元素添加动画。

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


许爸比 2017-02-02 13:21:09

同问  每次都要延迟效果怎么写CSS

卡布琦诺 2016-12-24 14:24:58

animation-delay设置动画开始延迟的时间,然后设置animation-iteration-count 循环播放就可以的……

  • 老师不是说设置循环的时候只记录动画中的时间,不记录延迟的时间吗?
    2017-01-22 14:46:19
  • 对呀,循环只包括动画的时间啊,我也想知道怎么弄。
    2017-01-25 13:56:26
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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