标签：
div{
animation-name:toRight;
}
animation-name规定动画的名称。
@keyframes toRight{
from{
width:120%;
}
to{
width:140%;
}
}
keyframes定义动画，一般不用from和to，直接用百分比来定义过程。
div{
animation-duration:3s;
}
animation-duration规定动画的时长。
div{
animation-timing-function:ease-in;
}
animation-timing-function规定动画的速度曲线，常用的有ease、ease-in、ease-in-out。
div{
animation-delay:2s;
}
该属性规定动画延迟的时间。
div{
animation-iteration-count:infinite;
}
该属性定义动画的播放次数，一般用infinite.
div{
animation-direction:altermate;
}
该属性规定是否应该轮流反向播放动画。
div{
animation-play-state:paused;
}
该属性规定动画是正在运行或停止。
div{
animation-fill-mode:forwards;
}
该属性规定对象动画时间之外的状态。
div{
animation:toRight 3s infinite 3s;
}
animation属性是动画的缩写属性，也是最常用的一个动画属性。
标签：
原文地址：http://www.cnblogs.com/11lang/p/5774186.html
