Html 转换don'；变换元素中的t工作（3d）

请参阅此[

小提琴

] （）

我有四个3d转换成立方体的元素，它们附着在

容器
元素上

设置
容器
元素的目的是，当我
rotateX
容器
时，（我期望）滚筒

元素将随之旋转，从而创建3d旋转效果，并避免为每个元素写入

transform

属性

问题是，当我在

容器

元素上应用3d transform CSS规则时，

滚轮

元素上的所有变换效果都消失了

请帮忙！而且，如果这是正常行为，除了对所有四个元素（将来可能会更多）应用transform属性之外，还有什么方法可以解决这个问题吗

谢谢

更新#1

---

如果在

容器

元素上添加了

透视

CSS规则，则在对

容器

进行三维变换时，

滚轮

上的视觉3d效果不会消失。然而，一切似乎都被夷为平地。您自己试试吧……

CSS规则

变换样式：preserve-3d

将解决此问题