2016-11-01 31 views
2

請參閱這篇[fiddle] (https://jsfiddle.net/hymin/gbsdafjg/2/變換不變換元件(3d)的工作

我有三維四個元素轉化爲立方體,其被附接到一個container元件上。

建立container元素的目的是,當我rotateXcontainer,(I期望)的roller元件將與它一起轉動,從而創建3D旋轉效果和避免寫入transform屬性爲他們每個人。

問題是,當我在container元素上應用3d變換CSS規則時,roller元素上的所有變換效果都消失了。

請幫忙!而且,如果這是正常行爲,是否有辦法解決這個問題,而不是在所有四個(也許更多的將來)應用轉換屬性roller元素?

謝謝!

更新#1

如果你container元素上加入了perspective CSS規則,對roller視覺3D效果不會消失,當你3D轉換的container。然而一切似乎都變平了。自己嘗試一下......

回答

0

CSS規則transform-style:preserve-3d會解決這個問題。