最近在做数据可视化大屏的时候，有一个项目里面有很多线条，并且线条是倾斜的，想通过css的方式来实现，rotateZ，但是这种旋转有一个问题，是以div的中心点为旋转中心的，我希望是以div左上角为中心点，所以需要调整一下。

transform: rotateZ(10deg);

通过查询发现transform-Origin可以设置旋转中心点

transform-origin: x-axis y-axis z-axis;

将transform-origin设置为0 0 就满足我的要求了。

transform-origin:0% 0%;
transform: rotateZ(10deg);