【发布时间】:2012-04-18 14:37:39
【问题描述】:
我在网上搜索并找到了一些材料,但没有一个能清楚地说明这个概念,至少对我来说是这样。例如,w3schools 说它定义了从视图中放置 3D 元素的像素数。完全理解它是如此抽象。谁能用更生动易懂的方式告诉我?如果有一些图像来展示这个概念,那就再好不过了。
【问题讨论】:
标签: css perspective css-transforms
我在网上搜索并找到了一些材料,但没有一个能清楚地说明这个概念,至少对我来说是这样。例如,w3schools 说它定义了从视图中放置 3D 元素的像素数。完全理解它是如此抽象。谁能用更生动易懂的方式告诉我?如果有一些图像来展示这个概念,那就再好不过了。
【问题讨论】:
标签: css perspective css-transforms
在 3D 转换中,透视为对象提供 3D 视角,并尝试从特定查看者的角度渲染 3D 对象的透视。不容易理解。
这是一个Safari reference。
Some examples 使用透视图。
仅供参考,我建议将来忽略来自 w3schools 的所有 Google 搜索结果。他们以某种方式设法以令人难以置信的浅层内容获得了较高的 Google 搜索排名。
【讨论】:
在3D空间中工作时,我们需要设置一个perspective值,否则动画元素会显得扁平。如何?透视 CSS 属性通过影响 Z 索引和用户之间的距离为元素提供 3D 空间。请记住:透视属性不应应用于将要动画的元素(通过 CSS 过渡、变换或动画),但是到父元素。
【讨论】: