问答详情
源自:9-3 CSS3中设置动画播放时间

animation的结果停留在哪里

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


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

提问者:Jean_Lee_mihu 2015-11-18 20:28

个回答

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

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

  • 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;

    }