暂停 css 动画

Question

我在 html 和 css 中制作了幻灯片，我想在鼠标经过时暂停幻灯片。我尝试使用 -webkit-animation-play-state: paused; 执行此操作，但这只会暂停 1 张图像，因此会弄乱幻灯片。有没有办法在悬停时暂停所有图像？

http://jsfiddle.net/m3q8pe56/

Answer 1

http://jsfiddle.net/m3q8pe56/1/

#slideshow:hover .photo {
    -webkit-animation-play-state: paused; 
    animation-play-state: paused; 
}

当您悬停 #slideshow 时，您将暂停 #slideshow

内的所有 .photo