CSS3 2D运动 transform 转换

transform 转换  对元素进行移动、缩放、转动、拉长或拉伸,让某个元素改变形状，大小和位置 ,下面是transform的属性和方法：

• origin 属性        可以更改旋转得圆心坐标可以是方位和坐标

•  rotate()   旋转
• 在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。
• 默认旋转中心为盒子中心
• transform: rotate(90deg);
• skew（） 变形
• 可以传递两个参数，第一个代表x轴得偏移,角度是与y轴得夹角, 第二个代表y轴得偏移,角度是与x轴得夹角 
• skewX();表示只在X轴(水平方向)倾斜。
• skewY();表示只在Y轴(垂直方向)倾斜。
• 默认形变中心为盒子中心
• transform:skew(45deg,45deg);
• translate() 平移
• translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。
• transform：translate(200px,150px);
• scale() 缩放
• 第一个值代表x轴缩放，第二个值代表Y轴 如果只写一个值代表x,y同时缩放
• 0-1:为缩小；1-无穷大：是放大
• 默认形变中心为盒子中心
• transform: scale()；