css - 暂停一个CSS动画

Question

我找到了问题的答案，但(作为新手)我不知道如何将它们应用到我正在使用的出色动画示例中。

我如何在悬停时暂停它？

.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;
}

Answer 1

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

应该这样做。

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