animation-play-state
Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
概述
语法
/* Single animation */
animation-play-state: running;
animation-play-state: paused;
/* Multiple animations */
animation-play-state: paused, running, running;
/* Global values */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;
值
running
- 当前动画正在运行。
paused
- 当前动画已被停止。
正式语法
<single-animation-play-state>#where
<single-animation-play-state> = running | paused
示例
参见实例CSS animations
规范
规范 | 状态 | 备注 |
---|---|---|
CSS Animations Level 1 animation-play-state |
Working Draft | Initial definition |
浏览器兼容性
BCD tables only load in the browser