请参考此[fiddle]
https://jsfiddle.net/hymin/gbsdafjg/2/
我有四个3d转换成立方体的元素,它们附加在container元素上。
设置container元素的目的是,当我rotateX这些container元素时,roller元素将随之旋转,从而创建三维旋转效果,并避免为每个元素写入transform属性。
问题是,当我对container元素应用3d transform CSS规则时,对roller元素的所有转换效果都消失了。
请帮忙!而且,如果这是正常的行为,除了在所有四个元素上应用transform属性(以后可能会更多)之外,还有什么方法可以解决这个问题吗?
谢谢!
更新#1
如果您在roller元素上添加了perspectiveCSS规则,那么当您对container进行3d转换时,roller上的视觉3d效果不会消失。然而,一切似乎都被夷为平地。你自己试试。。。

最佳答案

CSS规则可以解决这个问题。

关于html - 转换在转换后的元素中不起作用(3d),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40357099/

10-14 14:46
查看更多