如何应用animation-play-state 属性

2025-10-22 10:23:11

1、代码实例:div{animation-play-state:paused;-webkit-animation-play-state:paused; /* Safari 和 Chrome */} 我说就给div元素赋予了这样的一个动画暂停的属性。

如何应用animation-play-state 属性

2、浏览器。我们在写代码的时候也要考虑一个浏览器的支持状况,对于这样的一个

animation-play-state 来说,Firefox 以及 Opera  是没有问题的,而Safari 和 Chrome 中则要写成 -webkit-animation-play-state

如何应用animation-play-state 属性

3、定义。对于animation-play-state来说,这个定义也是有两种,一种就动画的运行,一种是动画的暂停。

如何应用animation-play-state 属性

4、用法。我们的animation-play-state用法 有两种 ,默认就是运行的, 暂停的参数值是 no。JAVA当中的代码是:object.style.animationPlayState="paused"

如何应用animation-play-state 属性

5、语法。在CSS当中,它的语法为 animation-play-state: paused|running;

如何应用animation-play-state 属性

6、运行动画的CSS 代码

div#MyDIV{animation-play-state:running;}

如何应用animation-play-state 属性

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢