你的问题可以这样解决，

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

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;

}

Agree with you!

如果不使用animation-play-state，动画播放过程中，如果突然停止，这时，默认行为是跳回到动画的开始状态。

如果想让动画保持突然终止时的状态，就要使用animation-play-state属性。