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