animation-fill-mode :
动作结束时保持该状态不变:
none:不改变默认行为。
forwards :当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。
backwards:在 animation-delay 所指定的一段时间内,在动画显示之前,应用开始属性值(在第一个关键帧中定义)。
both:向前和向后填充模式都被应用。
animation-play-state 属性规定动画正在运行还是暂停:
paused | 规定动画已暂停 |
running | 规定动画正在播放。 |
-webkit-animation-name 性规定动画名称
-webkit-animation-name: mytest;
@-webkit-keyframes mytest{
}
animation-timing-function 规定动画的速度曲线(形式)。
linear | 动画从头到尾的速度是相同的。 | 测试 |
ease | 默认。动画以低速开始,然后加快,在结束前变慢。 | 测试 |
ease-in | 动画以低速开始。 | 测试 |
ease-out | 动画以低速结束。 | 测试 |
ease-in-out | 动画以低速开始和结束。 | 测试 |
cubic-bezier(n,n,n,n) | 在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。 |
-webkit-animation-delay规定动画的延迟时间,动画何时开始
-webkit-animation-delay: .3s;
-webkit-animation-iteration-count属性定义动画的播放次数
-webkit-animation-iteration-count: 1;
infinite | 规定动画应该无限次播放。 |
animation-duration 属性定义动画完成一个周期所需要的时间,以秒或毫秒计。
-webkit-animation-duration: .6s;