为什么要使用Transform-style：preserve-3d over z-index？

Question

在本网站的示例Website link中，他们展示了一只青蛙在绿色背景上旋转。变换风格的那个：扁平;被另一个元素覆盖，但是变换风格：preserve-3d;超越其他元素。

使用z-index可以实现相同的效果。你为什么要用另一个呢？

Answer 1

这是一个被转换的立方体的例子。您可以看到转换，因为它具有100px边框。

如果我们把它设置为扁平，那么它看起来像这样：