css3动画

animation-timing-function:规定动画的速度曲线。

此属性有五个值,分别是linear,ease,ease-in,ease-out,ease-in-out,以及自定义函数~

animation-fill-mode:检索或设置动画时间之外的状态。

此属性有四个值,分别是none,both,forwards,backwards。其中none为默认值,不设置动画对象之外的状态,forwards为设置对象状态为动画结束时的状态,backwards为设置对象状态为动画开始时的状态,both为设置对象状态。

animation-direction:定义是否轮流反向播放动画。

此属性有两个值,分别是normal和alternate。其中normal是默认值,默认动画正常播放,即动画执行不只一次时,每执行完一次,下一次还是从动画的初试位置依次执行(一直都是从第一帧往后执行)。alternate属性设置动画反向轮流播放,即当动画的执行次数为奇数时,正向播放动画(从动画的第一帧往后执行),为偶数时反向执行动画(从动画的最后一帧往第一帧执行)。

 

--------------------------------我是华丽分割线,未完待续~----------------------------------------

posted @ 2015-06-26 18:19  蜡笔不小心  阅读(140)  评论(0编辑  收藏  举报