为什么我们需要CSS3中的3D容器？

时间：2014-04-05 00:17:16

标签： html5 css3 3d

我正在学习CSS3 3D，从教程中他们都说我们需要一个容器，我认为<html>或<head>或<body>可以是默认容器，因为它们总是在标记的上层？

为什么transform: perspective()需要“激活”3D，当我们仅使用transform: rotateZ()时，它是真正的3D？

1 个答案:

答案 0 :(得分：2)

我们需要它来修复“眼睛”的角度。透视，每个元素共享同一个观看者。

我喜欢Safari's doc的定义：

  

关于-webkit-perspective的有趣之处在于它不会直接影响元素。相反，它会影响该元素的转换后代上的3D变换的外观;您可以将其视为添加一个变换，该变换将成倍增加到后代变换中。 这允许这些后代在移动时共享相同的视角。

     

我们已经描述了如何将3D变换分配给元素，并使它们看起来具有一些透视三维。然而，到目前为止，所有效果实际上只是绘画效果。那些变形的孩子仍然在他们父母的平面上;换句话说，它们是扁平的。

您可以找到关于此here [FR]的精彩文章。

perspective

对不起，这是用我的语言，我会尝试用英语找另一张照片

更多信息：

相关问题
最新问题