前端 - css3 3d效果问题

Question

如图，要做一个如下的具有3d效果的视图，

对于上下两个框，我用css的rotateX，然后又用了translateZ移动了位置，然而出现的如下的效果，

上下两个框并没有出现上图有由近及远的‘梯形状’。
请问如何解决？

Answer 1

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