css transform scale设置后位置角度总是变化问题

transform：scale  缩放元素

写法：

transform:scale（x, y）
transform:scaleX()  scaleY()  scaleZ()，
transform:scale3d（x, y, z）

设置缩放后，一般是朝着元素中心点缩放，导致元素位置会发生变化，很不方便。

transform-origin 属性

 用来改变元素原点的位置，取值：

• center 默认值 等价于（ center center / 50% 50%）
• top/right/bottom/left
• transform-origin : x y z

设置:

transform-origin: left ；//设置左边为原点，不是在左上角

transform-origin: 0% 0%；//设置左上角为原点

问题解决！！！！！！