了解CSS rotation3d旋转轴

Question

我在理解CSS Rotate3d方法时遇到麻烦。有人可以解释一下如何从x，y和z值获得旋转轴，因为它们的单位不是度数。

Answer 1

3D沿3个方向平均旋转。 首先，您必须了解“旋转”。

#myDiv {
    -webkit-transform: rotateX(150deg); /* Safari */
    transform: rotateX(150deg);
}

rotateY（）

#myDiv {
    -webkit-transform: rotateY(130deg); /* Safari */
    transform: rotateY(130deg);
}

rotateZ（）

#myDiv {
    -webkit-transform: rotateZ(90deg); /* Safari */
    transform: rotateZ(90deg);
}

这只是一个示例，您可以使用这三个属性来使3D旋转。