css - CSS3 透视属性到底是什么？

Question

我在网上搜索并找到了几个材料，但没有一个能清楚地说明这个概念，至少对我来说是这样。例如，w3schools 说它定义了从视图中放置 3D 元素的像素数。完全理解它是如此抽象。谁能用更生动易懂的方式告诉我？如果有一些图像来展示这个概念，那就再好不过了。

Answer 1

在 3D 转换中，透视图为对象提供 3D 视角，并尝试从特定查看者的角度呈现 3D 对象的透视图。这并不容易理解。

这是关于它的Safari 参考。

关于它的入门教程。

使用透视的一些例子。

还有一些例子。

仅供参考，将来我建议忽略来自 w3schools 的所有 Google 搜索结果。他们以某种方式设法以令人难以置信的浅层内容选择了高谷歌搜索排名。

Answer 2

在3D空间中工作时，我们需要设置透视值，否则动画元素会看起来很平。如何？透视 CSS 属性通过影响 Z 索引和用户之间的距离为元素提供 3D 空间。请记住：透视属性不应应用于将要动画的元素（通过 CSS 过渡、变换或动画），但是到父元素。