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