css“透视：”和“变换：透视（）”有什么不同？

【问题标题】：What is the different of css "perspective: " and "transform: perspective()"?css“透视：”和“变换：透视（）”有什么不同？
【发布时间】：2018-03-02 05:13:29
【问题描述】：

他们应该做同样的事情吧？还为孩子设置 3d 透视图？但是在浏览器支持或其他方面有什么不同吗？

【问题讨论】：

也许这就是你需要的。 Find your answer here

标签： css css-transforms perspective webkit-perspective

【解决方案1】：

透视 CSS 属性通过影响 Z 平面和用户之间的距离为元素提供 3D 空间。

效果的强度由数值决定。数值越小，距离Z平面越近，视觉效果越震撼。值越大，效果越微妙。

重要提示：请注意透视属性不会影响元素的渲染方式；它只是为子元素启用 3D 空间。这是 transform: perspective() 函数和透视属性之间的主要区别。第一个给出元素深度，而后者创建一个由所有转换后的子元素共享的 3D 空间。

参考https://css-tricks.com/almanac/properties/p/perspective/

【讨论】：