多语言展示
当前在线:261今日阅读:113今日分享:31

如何应用animation-play-state 属性

我们的动画在网页当中播放的时候需要以各种的形态出现,让动画播放几次后暂停也是常常需要的,这可以通过一个属性代码来实现,animation-play-state 属性
工具/原料

dreamweaver

方法/步骤
1

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

2

浏览器。我们在写代码的时候也要考虑一个浏览器的支持状况,对于这样的一个animation-play-state 来说,Firefox 以及 Opera  是没有问题的,而Safari 和 Chrome 中则要写成 -webkit-animation-play-state

3

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

4

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

5

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

6

运行动画的CSS 代码div#MyDIV { animation-play-state:running; }

推荐信息