【问题标题】:Why would you use Transform-style: preserve-3d over z-index?为什么要使用 Transform-style: preserve-3d over z-index?
【发布时间】:2013-08-08 03:32:41
【问题描述】:

在本网站Website link 的示例中,它们显示了一只青蛙在绿色背景上旋转。具有transform-style的一种:flat;被另一个元素覆盖,但是 transform-style: preserve-3d;超越其他元素。

使用 z-index 可以实现相同的效果。你为什么要使用一个而不是另一个?

【问题讨论】:

  • 这可能是一个过于开放的问题,CSS 倾向于有多种方式来实现类似的效果,并且并非所有方式都适用于所有情况或浏览器 - 您也可以考虑将图像实际插入其中问题 - 看到大量的汉字(是日语吗?我想是的)让我惊慌失措,因为我不会读汉字。
  • 关于transform-style的css-tricks文章

标签: css


【解决方案1】:

这是一个已转换的立方体示例。您可以看到转换,因为它有 100 像素的边框。

如果我们把它设置为平面,那么它看起来像这样:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-05-04
    • 2012-11-08
    • 1970-01-01
    • 1970-01-01
    • 2012-07-27
    • 1970-01-01
    • 2012-02-29
    相关资源
    最近更新 更多