css - 暂停CSS动画

我已经找到了问题的答案，但是（是一名新手）我不知道如何将其应用到我正在使用的出色动画示例中。

悬停时如何暂停？

.quote:nth-child(1) {
  -webkit-animation: cycle 15s 0s infinite linear;
  -moz-animation: cycle 15s 0s infinite linear;
  -ms-animation: cycle 15s 0s infinite linear;
  -o-animation: cycle 15s 0s infinite linear;
  animation: cycle 15s 0s infinite linear;
}

最佳答案

 .quote:hover { animation-play-state: paused; }

应该做。

文档：http://www.w3.org/TR/css3-animations/#animation-play-state