你的问题可以这样解决，

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

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;

}

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