transform--2d变换，不会对布局产生任何影响。对象位置偏移的方法：方法一：top:100px;left:100px;方法二：position:absolute;top:100px;left:100px;right:100px;底部：100px；方法三：变换：translate(x,y);/*可以是px，也可以是%，也就是本身的%数*/transformationbody:页面上的boxMethod:rotation,translation,stretching,Compression,obliquetransitiontransitionand2dchangetransform本质区别transition:描述方式theobjectischangingtransform:描述物体变形的结果transform:translateoffsetwritingnote:.min{width:200px;高度：200px；背景颜色：天蓝色；转换：翻译（-50%，-50%）；转换：translateY(200px)translateX(300px);/*这个方法可以偏移300,y200到x*/.min{width:200px;高度：200px；背景颜色：天蓝色；转换：translateY(200px);transform:translateX(300px);/*这种写法会覆盖上面的属性，只偏移x300*/.min{width:200px;高度：200像素；+背景颜色：天蓝色；transform:translateX(300px)translateX(200px);/*这种写法会叠加属性并偏移x500*/.min{宽度：200px；高度：200px；背景颜色：天蓝色；transform:translate(50%,50%);/*偏移100px100px*/}
