变换在变换元素中不起作用（3d）

Question

请参阅此[fiddle] （https://jsfiddle.net/hymin/gbsdafjg/2/）

我将四个元素与3d转换为一个立方体，它们附加在container元素上。

设置container元素的目的是当我rotateX container时，（我希望）roller元素会随之旋转，从而创建一个3d旋转效果，并避免为每个人写transform属性。

问题在于，当我在container元素上应用3d变换CSS规则时，roller元素上的所有变换效果都消失了。

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

谢谢！

更新＃1

如果您在perspective元素上添加了container CSS规则，那么当您对roller进行三维变换时，container上的可视3D效果将不会消失。但是一切似乎都被夷为平地。亲自试试......

Answer 1

CSS规则var helper = new LocalObjectStorageHelper(); // Read simple objects string keySimpleObject = "simple"; if (helper.KeyExists(keySimpleObject)) { string result = helper.Read<string>(keySimpleObject); } // Save simple objects helper.Save(keySimpleObject, 47); // Read complex/large objects string keyLargeObject = "large"; if (await helper.FileExistsAsync(keyLargeObject)) { var result = await helper.ReadFileAsync<MyLargeObject>(keyLargeObject); } // Save complex/large objects var o = new MyLargeObject { ... }; await helper.SaveFileAsync(keySimpleObject, o); 将解决此问题。