1.2D位移变形到目前为止我们已经了解到，利用margin和定位可以实现位移。下面我们使用transform来实现2d位移。属性：transformx轴位移transform:translateX(value+px)正y轴位移向右transform:translateY(value+px)正xy位移向下transform:translate(xdisplacement,ydisplacement)特点：1）移动后占用,同相对定位2)移动的百分比是指自身应用：位移实现水平垂直居中/*参考父元素的一半*/left:50%;top:50%;/*引用它自己的元素*/transform:translate(-50%,-50%);2.2d旋转变换：rotateZ(value+deg)正数为顺时针，负数为逆时针rotate表示z轴旋转3.旋转位移优先旋转位移：先旋转，整个坐标轴跟着旋转。位移方向以新坐标轴为准。变换：旋转Z（40度）翻译X（800px）；先平移再旋转：transform:translateX(800px)rotateZ(40deg);4.Transformorigintransform-origin:水平和垂直属性值：value+px百分比关键字：horizo??ntalleft/right/centerverticaltop/center/bottom5.2dscalingtransform:scaleX(value)0：相当于隐藏1：做不放大不缩小>1放大0-1缩小transform:scaleY(value)0：相当于隐藏1：既不放大也不缩小>1放大0-1缩小transform:scale(xzoom,yzoom)transform:scale(Value)xy和xy都有效6.skewtransform:skewX(slopevalue+px)transform:skewY(slopevalue+px)transform:skew(slopevalue+px)
