这是否可以使用CSS HTML和JavaScript在B上执行A，在C上执行B，在A上执行C？

这是否可以使用CSS HTML和JavaScript在B上执行A，在C上执行B，在A上执行C

像这样：

---

目前，只有Chrome支持变换样式：在像素级而不是元素级保留-3d。因为它是在像素级完成的，所以元素的某些部分可以在另一个元素前面渲染，而某些部分可以在后面渲染

正文{
变换样式：保留-3d；
}
div{
宽度：200px；
高度：100px；
线高：100px；
文本对齐：居中；
位置：绝对位置；
变换样式：保留-3d；
}
.A{
背景色：番茄；
左：50px；
顶部：0px；
变换：rotateY（3deg）；/*这就完成了*/
}
.B{
背景颜色：浅绿色；
左：50px；
顶部：0px；
变换：旋转（120度）；
变换原点：中心-底部；
}
C{
背景颜色：浅蓝色；
左：50px；
顶部：0px；
变换：旋转（-120度）；
变换原点：中心-底部；
}

一些花哨的文字
一些花哨的文字
现在，只有Chrome支持变换样式：在像素级而不是元素级保留-3d。因为它是在像素级完成的，所以元素的某些部分可以在另一个元素前面渲染，而某些部分可以在后面渲染


正文{
变换样式：保留-3d；
}
div{
宽度：200px；
高度：100px；
线高：100px；
文本对齐：居中；
位置：绝对位置；
变换样式：保留-3d；
}
.A{
背景色：番茄；
左：50px；
顶部：0px；
变换：rotateY（3deg）；/*这就完成了*/
}
.B{
背景颜色：浅绿色；
左：50px；
顶部：0px；
变换：旋转（120度）；
变换原点：中心-底部；
}
C{
背景颜色：浅蓝色；
左：50px；
顶部：0px；
变换：旋转（-120度）；
变换原点：中心-底部；
}
一些花哨的文字
一些花哨的文字
一些花哨的文字
不，您必须至少将其中一个拆分为两部分/层，其中一层位于堆栈下方，另一层（半层）位于堆栈上方。就像底部的A，然后是B，然后是C，然后是A的副本，其中的一部分被遮罩，只覆盖堆栈顶部的区域。哈哈，你应该让你的问题更有建设性。有可能吗。。。。。是Indeed，但根据图层的具体内容（仅彩色或背景图像），您可能可以使用CSS和伪元素（
：after
）和@FlyingGambit创建此蒙面副本。您应该仔细阅读问题yafaik。不，因为虽然CSS有一些3D功能，但是afaik。它们只是作为每个层的后处理步骤的“平面”变换。因此，在这个过程中，每个DOM节点都是单独看到的，而不是作为更大的3D空间的一部分。不，您必须将其中至少一个拆分为两个部分/层，其中一个层位于堆栈下方，另一个（半个）位于堆栈上方。就像底部的A，然后是B，然后是C，然后是A的副本，其中的一部分被遮罩，只覆盖堆栈顶部的区域。哈哈，你应该让你的问题更有建设性。有可能吗。。。。。是Indeed，但根据图层的具体内容（仅彩色或背景图像），您可能可以使用CSS和伪元素（
：after
）和@FlyingGambit创建此蒙面副本。您应该仔细阅读问题yafaik。不，因为虽然CSS有一些3D功能，但是afaik。它们只是作为每个层的后处理步骤的“平面”变换。因此，在这个过程中，每个DOM节点都是单独看到的，而不是作为更大的3D空间的一部分。