关于animation-delay对动画周期的影响

关于animation-delay对动画周期的影响

一般来讲是没有影响,但是负值呢?

animation-delay:-2s;

animation-iteration-count: infinite;

后面的是不影响,但第一次的动画周期不是少了2s?

正在回答

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

2回答

允许负值,-1s 使动画马上开始,上开始跳过1s前的动画。后面再动画时就按照正常的顺序走了。

祝学习愉快!


  • 留白未来 提问者 #1
    谢谢老师,就是说delay负值还是会影响第一次的动画长度吧?比如说动画时常10s,delay:-2之后,第一次动画时间是8s?这么理解对么?
    2017-11-24 14:24:13
小丸子爱吃菜 2017-11-24 14:29:34

可以这么理解~最好写个小demo测试一下。

  • 提问者 留白未来 #1
    十分感谢~
    2017-11-24 14:49:18
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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