手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何应用animation-play-state 属性

时间:2024-10-13 00:33:05

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

如何应用animation-play-state 属性

2、浏览器。我们在写代码的时候也要考虑一个浏览器的支持状况,对于这样的一个animation-pla鲻戟缒男y-state 来说,Firefox 以及 Oper锾攒揉敫a 是没有问题的,而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 属性
© 手抄报圈