最新的Web开发教程
 

Style animation Property

<Style对象

改变的动画<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对象