css – 悬停时暂停WebKit动画

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

.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):hover 
{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

使用：

.quote-wrapper:hover .quote 
{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}

演示：http://jsfiddle.net/j4Abq/2/

css – 悬停时暂停WebKit动画

解决方法

相关文章