HTML DOM Style animationDirection 属性

今夜星潮暗涌

Style animationDirection 属性

改变 <div> 元素的 animationDirection 属性:

document.getElementById("myDIV").style.animationDirection="reverse";

定义和用法

animationDirection 属性设置或返回是否循环交替反向播放动画。

注意:如果动画被设置为只播放一次,该属性将不起作用。


浏览器支持

HTML DOM Style animationDirection 属性HTML DOM Style animationDirection 属性HTML DOM Style animationDirection 属性HTML DOM Style animationDirection 属性HTML DOM Style animationDirection 属性

只有 Firefox 支持 animationDirection 属性。


语法

返回 animationDirection 属性:

	object.style.animationDirection 

设置 animationDirection 属性:

	object.style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"

属性值

描述
normal 默认值。动画按正常播放。
reverse 动画反向播放。
alternate 动画在奇数次(1、3、5...)正向播放,在偶数次(2、4、6...)反向播放。
alternate-reverse 动画在奇数次(1、3、5...)反向播放,在偶数次(2、4、6...)正向播放。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: normal
返回值: 字符串,表示元素的 animation-direction 属性。
CSS 版本 CSS3


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码