animation-fill-mode
- 版本:CSS3
- 继承性:无
语法:
animation-fill-mode:none | forwards | backwards | both [ , none | forwards | backwards | both ]*
默认值:none
取值:
- none:
- 默认值。不设置对象动画之外的状态
- forwards:
- 设置对象状态为动画结束时的状态
- backwards:
- 设置对象状态为动画开始时的状态
- both:
- 设置对象状态为动画结束或开始的状态
说明:
检索或设置对象动画时间之外的状态
- 如果提供多个属性值,以逗号进行分隔。
- 对应的脚本特性为animationFillMode。
兼容性:
- = 支持
- = 不支持
- = 部分支持
- = 实验性质
支持版本\类型 | |||||
---|---|---|---|---|---|
版本 | 6.0-9.0 | 4.0 | 5.1 | 13.0-16.0 | 11.50-11.60 |
版本 | 10.0 | 5.0-9.0 |
写法:
内核类型 | 写法 |
---|---|
Webkit(Chrome/Safari) | -webkit-animation-fill-mode |
Gecko(Firefox) | -moz-animation-fill-mode |
Presto(Opera) | |
Trident(IE) | -ms-animation-fill-mode |
W3C | animation-fill-mode |