2015/7/13知识总结

2D转换：transform

　　位移：translate(1px 1px);

　　缩放：scale(50% 50%);

　　旋转：rotate(45deg);45度

　　　　　rotate(1 rad); 1弧度

　　重置：-webkit-transform-origin(50px 0);原点重置

　　斜切：-webkit-transform:skew(15deg)

过渡：-webkit-transition(width 周期 过渡类型)；

过渡类型：linear线性过渡、ease平滑过渡、ease-in由慢到快、ease-out由快到慢、 ease-in-out由慢到快再到慢

动画：-webkit-transition：名称 周期 过渡类型 infinite(循环)