请参考[fiddle](https://jsfiddle.net/hymin/gbsdafjg/2/)
我有四个元素，3d转换成一个立方体，它们附着在一个container元素上。
设置container元素的目的是当我rotateX container时，(我期望)roller元素将与它一起旋转，从而创建一个3d旋转效果，避免为每个transform属性写入。
问题是，当我在container元素上应用3d变换CSS规则时，roller元素上的所有变换效果都消失了。
请帮忙!而且，如果这是正常的行为，是否有任何方法来解决这个问题，而不是在所有四个(也许更多在未来)roller元素上应用变换属性?
谢谢!
update # 1
如果你在container元素上添加了perspective CSS规则，当你对container进行3d变换时，roller上的视觉3d效果不会消失。然而，一切似乎都变平了。
一个CSS规则transform-style:preserve-3d将解决这个问题。