animation的结果停留在哪里

来源:9-3 CSS3中设置动画播放时间

Jean_Lee_mihu

2015-11-18 20:28

animation-duration设置的时间是从from到to再到from状态所用的时间总和,对吧?


怎样让最终结果就显示到绿色实心圆哪里停下来呢?只有用transition才行吗?

写回答 关注

2回答

  • echo_kinchao
    2015-11-19 11:21:30
    已采纳

    你可以通过css3设定他在那个地方就停止的

    Jean_L...

    非常感谢!

    2015-11-19 22:00:31

    共 1 条回复 >

  • qq_嶸歸_0
    2018-08-21 13:51:11

    你的问题这样解决,加上最后一行,

    让最终结果就显示到绿色实心圆

    div:hover {

      animation-name: changeColor;

      animation-duration: 5s;

      animation-timing-function: ease-out;

      animation-delay: .1s;

      animation-fill-mode:forwards;

    }


十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242878 学习 · 2623 问题

查看课程

相似问题