css3动画学习笔记

具体学习地址：http://www.imooc.com/learn/33
CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;

tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;

transition: property/当设置为all时，表示更改所有中点值的属性 /duration/设置过渡所需要的时间/ timing-function过渡函数，设置过渡的各种状态/ delay;

animation: KeyframesName/关键帧，其内容可以设置根据百分比的增大而进行样式的变化.（Name属性必须跟Keyframes的属性保持一致）/ duration/CSS3动画播放时间/ timing-function/来设置动画播放方式 delay/用来定义动画开始播放的时间/ iteration-count direction/定义动画的播放次数。/direction/主要用来设置动画播放方向/ play-state/控制元素动画的播放状态。/ fill-mode/定义在动画开始之前和结束之后发生的操作/;