小编use*_*221的帖子

我正在尝试使用以下内容将动画暂停鼠标悬停:

.quote:nth-child(1):hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

但它不想暂停.谁能看到我做错了什么？

的jsfiddle

我找到了我的问题的答案,但(作为一个新手)我无法弄清楚如何将它们应用到我正在使用的伟大动画示例中.

如何在悬停时暂停？

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