个回答

• qq_嶸歸_0

  2018-08-21 10:32:10

  你的问题可以这样解决，

  如果暂停了动画的播放，元素的样式将回到最原始设置状态

  span{

    display: inline-block;

    width: 20px;

    height: 20px;

    background: orange;

    transform: translateY(90px);

    animation-name: move;

    animation-play-state:paused;

  }

  div:hover span {

    animation-name: move;

    animation-duration: 10s;

    animation-timing-function: ease-in;

    animation-delay: .2s;

    animation-iteration-count:infinite;

    animation-direction:alternate;

   animation-play-state:running;

  }

  
  

  0

• w3cplus

  2015-01-04 13:00:47

  暂停有两种方式，取不同的值效果不一样，其中一种是暂停后，再播放时从停止状态继续开始，另外一个种是暂停后，再播放是从最初状态开始。这个样的示例，自己取值一试就明白。

  0