1.2D位移先给元素添加转换属性transformtranslateX 水平位移translateY垂直位移translate 一个值代表水平位移两个值则前面代表水平后面代表垂直x的正值向右负值向左y的正值向下负值向上2.2D缩放scale倍数scaleX()x轴缩放比例scaleYy轴缩放比例倍数为1表示原大小大于1是放大小于1是缩小3.2D旋转transform:rotate(角度正值是顺时针旋转负值是逆时针旋转4.2D倾斜transformskewX度数沿着x轴方向倾斜transformskew度数沿着y轴倾斜5.2D变换顺序transform:rotate(度数translateX20pxtransformtranslateX20pxtranslate度数第一个先旋转后平移坐标轴跟着旋转位移是旋转后的坐标轴方向第二个先平移后旋转位移是原始坐标轴方向关于变换函数transform a,b,c就是从左到右生效6.3D变换三维坐标系规则x轴右正左负y轴下正上负z轴出屏幕为正进屏幕为负7.关于3D操作透视perspectivea px值越小透视感强立体感越强平移translate(x,y,z)沿着xyz方向移动旋转transformrotateXdeg上下翻transformrotateYdeg左右翻transformrotateZ (deg) 平面旋转