CSS transform中的rotate的旋转中心怎么设置

其实这个旋转轴可以理解为xyz，可以理解以下坐标即为整个body面

对于2d

定义在x轴中心上：transform-origin:50%  0;

定义在y轴中心上：transform-origin:0  50%;

定义在几何中心上：transform-origin:50%  50%;

换做像素单位px也一样！

对于3d

这里的定位其实就是附加了一个z轴，道理相同

offset-keyword：是top、right、bottom、left或center中的一个关键词，可以用来设置transform-origin的偏移量。
y-offset：用来设置transform-origin属性在垂直方向Y轴的偏移量，可以使用和值，同时可以是正值（从中心点沿垂直方向Y轴向下的偏移量），也可以是负值（从中心点沿垂直方向Y轴向上的偏移量）。
x-offset-keyword：是left、right或center中的一个关键词，可以用来设置transform-origin属性值在水平X轴的偏移量。
y-offset-keyword：是top、bottom或center中的一个关键词，可以用来设置transform-origin属性值在垂直方向Y轴的偏移量。
z-offset：用来设置3D变形中transform-origin远离用户眼睛视点的距离，默认值z=0，其取值可以，不过在这里将无效。