暂停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时，您会暂停所有.photo #slideshow