暂停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