前端 - css3 3d效果問題

問題描述

如圖，要做一個如下的具有3d效果的視圖，

對于上下兩個框，我用css的rotateX，然后又用了translateZ移動了位置，然而出現的如下的效果，

上下兩個框并沒有出現上圖有由近及遠的‘梯形狀’。請問如何解決？

問題解答

沒有為父元素設置perspective和perspective-origin屬性吧，還要設置transform-style為3d。