【问题标题】:What on earth is CSS3 perspective property?CSS3 透视属性到底是什么?
【发布时间】:2012-04-18 14:37:39
【问题描述】:

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

【问题讨论】:

    标签: css perspective css-transforms


    【解决方案1】:

    在 3D 转换中,透视为对象提供 3D 视角,并尝试从特定查看者的角度渲染 3D 对象的透视。不容易理解。

    这是一个Safari reference

    上面有beginning tutorial

    Some examples 使用透视图。

    Some more examples.

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

    【讨论】:

      【解决方案2】:

      3D空间中工作时,我们需要设置一个perspective值,否则动画元素会显得扁平。如何?透视 CSS 属性通过影响 Z 索引和用户之间的距离为元素提供 3D 空间。请记住:透视属性不应应用于将要动画的元素(通过 CSS 过渡、变换或动画),但是到父元素。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-11-07
        • 2019-09-10
        • 2020-07-17
        • 2012-06-23
        • 1970-01-01
        • 2011-03-20
        相关资源
        最近更新 更多