html – 暂停css动画

我在html和css中做了一个幻灯片放映,当我的鼠标移过它时我想暂停幻灯片放映.我尝试用-webkit-animation-play-state:paused;来做这个,但是这只会暂停1个图像,因此搞砸了幻灯片.有没有办法在悬停时暂停所有图像?

http://jsfiddle.net/m3q8pe56/

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

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

当你悬停#slideshow时,你会在#slideshow中暂停所有.photo

相关文章
相关标签/搜索