css中透视原点和变换原点之间有什么区别？

Question

据我所知，它看起来很可能是透视，它实际上是如何在它的空间中移动的。

我对变换起源更加清晰，而不是透视起源。

有人可以给我链接或解释它的观点和起源的重要性。

Answer 1

透视用于设置元素子项的视角 透视原点是您查看元素的空间点

transform 是用于旋转/平移对象（元素）的简单坐标事物 变换原点设置您要翻译/旋转对象的点。

对于实例您希望围绕x轴（水平轴）以45度旋转div。
你使用transform:rotateX(45deg);

div会旋转但你仍然会在屏幕上看到一个矩形，因为你从z轴看它没有透视。

但是当你增加视角时，你会看到div的3d视图
 你的眼睛中心由perspective-origin设定。 默认值为50% 50%表示中心。 增加和减少x或y值将相应地移动你的“眼睛”

另一方面，

变换原点设置变换点，例如，如果您需要围绕其中心以外的任何其他点旋转矩形，您将使用transform-origin属性

Answer 2

perspective-origin Property ： - 设置3D元素的基本位置。 perspective-origin CSS属性确定查看者正在查看的位置。它被透视属性用作消失点。

transform-origin Property ： - 设置旋转元素的基本位置