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

2024-11-15 09:29:45
推荐回答(1个)
回答1:

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

对于2d

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

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

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

换做像素单位px也一样!

对于3d

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