前端 - css3 3d效果问题

Question

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

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

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

Answer 1

The perspective and perspective-origin attributes are not set for the parent element, and the transform-style is set to 3d.