html – 暂停css动画

概述我在html和css中做了一个幻灯片放映,当我的鼠标移过它时我想暂停幻灯片放映.我尝试用-webkit-animation-play-state：paused;来做这个,但是这只会暂停1个图像,因此搞砸了幻灯片.有没有办法在悬停时暂停所有图像？ http://jsfiddle.net/m3q8pe56/ http://jsfiddle.net/m3q8pe56/1/ #slideshow:hove 我在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

总结

以上是内存溢出为你收集整理的html – 暂停css动画全部内容，希望文章能够帮你解决html – 暂停css动画所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。