CSS3透视属性到底是什么?

时间:2012-04-04 20:25:41

标签: css3 perspective css-transforms

我在网上搜索并发现了几种材料,但没有一种能够清楚地说明这个概念,至少对我而言。例如,w3schools说它定义了从视图中放置3D元素的像素数。完全理解它是如此抽象。有人可以用更生动易懂的方式告诉我吗?如果有一些图像可以显示这个概念,那就更好了。

2 个答案:

答案 0 :(得分:41)

在3D变换中,透视为对象提供3D视点,并尝试从特定观察者的角度渲染3D对象的透视。这不容易理解。

这里有一个Safari reference

上面有beginning tutorial

Some examples使用透视。

Some more examples

仅供参考,未来我建议无视来自w3schools的所有谷歌搜索热门。他们以某种方式成功地选择了一个高度谷歌搜索排名与非常浅薄的内容。

答案 1 :(得分:1)

3D 空间中工作时,我们需要设置透视值,否则动画元素将显得平坦。怎么样?透视CSS属性通过影响Z索引和user之间的距离为元素提供3D空间.Remember:不应将Perspective属性应用于将被动画化的元素(通过CSS Transition,Transformation或Animation),但是对于父元素。