例
改变的动画<div>元素,使用所述速记属性:
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2";
试一试» 定义和用法
动画属性是动画属性的六个速记属性:
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note:始终指定animationDuration财产,否则持续时间为0,并且将永远不会被播放。
浏览器支持
在表中的数字规定,完全支持该财产浏览器版本。
数字后面的Webkit,万盎司或O指定的前缀工作的第一个版本。
属性 | |||||
---|---|---|---|---|---|
animation | 43.0 4.0的Webkit | 10.0 | 16.0 5.0万盎司 | 4.0的Webkit | 30.0 15.0的Webkit 12.1 12.0 -O- |
注:浏览器,Safari和Opera支持替代方案,WebkitAnimation财产。
句法
返回动画属性:
object .style.animation
设置动画属性:
object .style.animation=" 属性值 值 描述 animationName 指定关键帧的名称要绑定的选择 animationDuration 指定动画多少秒或毫秒需要完成
animationTimingFunction 指定动画的速度曲线 animationDelay 指定的延迟之前,动画将开始
animationIterationCount 指定动画多少次应播放 animationDirection 指定动画是否应在交替周期反向播放 animationFillMode 指定了值由动画正在执行的时间外部施加 animationPlayState 指定动画是否正在运行或暂停 initial 将此属性设置为默认值。 阅读关于初始 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值: 无0 0易于正常1运行无 返回值: 一个字符串,表示元素的动画属性 CSS版本 CSS3
相关页面
CSS参考: animation property
<Style对象