Css 为什么要使用变换样式:保留-3d而不是z索引?

Css 为什么要使用变换样式:保留-3d而不是z索引?,css,Css,在这个网站的例子中,他们展示了一只青蛙在绿色背景上旋转。变换式:平面;被其他元素覆盖,但变换样式为:preserve-3d;超越其他元素 同样的效果也可以通过z指数来实现。你为什么要用一个而不是另一个 下面是一个经过变换的立方体示例。您可以看到转换,因为它的边框为100px 如果我们将其设置为“平面”,则其如下所示: 这可能是一个过于开放的问题,CSS有多种实现类似效果的方法,并非所有方法都适用于所有情况或浏览器-您也可以考虑在这个问题中插入图像-看到大量汉字(是日语吗?我想是的)因为我没有读

在这个网站的例子中,他们展示了一只青蛙在绿色背景上旋转。变换式:平面;被其他元素覆盖,但变换样式为:preserve-3d;超越其他元素


同样的效果也可以通过z指数来实现。你为什么要用一个而不是另一个

下面是一个经过变换的立方体示例。您可以看到转换,因为它的边框为100px

如果我们将其设置为“平面”,则其如下所示:


这可能是一个过于开放的问题,CSS有多种实现类似效果的方法,并非所有方法都适用于所有情况或浏览器-您也可以考虑在这个问题中插入图像-看到大量汉字(是日语吗?我想是的)因为我没有读过关于kanji.css-tricks的文章,所以我有一秒钟的时间担心自己会被垃圾短信