html – 暂停css动画

html – 暂停css动画,第1张

概述我在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动画所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1082824.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存