如图，要做一个如下的具有3d效果的视图，
对于上下两个框，我用css的rotateX，然后又用了translateZ移动了位置，然而出现的如下的效果，
上下两个框并没有出现上图有由近及远的‘梯形状’。
请问如何解决？
解决方案
没有为父元素设置perspective和perspective-origin属性吧，还要设置transform-style为3d。
css3 3d效果问题
2017-09-12 09:39:05 来源： 网友分享
如图，要做一个如下的具有3d效果的视图，
对于上下两个框，我用css的rotateX，然后又用了translateZ移动了位置，然而出现的如下的效果，
上下两个框并没有出现上图有由近及远的‘梯形状’。
请问如何解决？
没有为父元素设置perspective和perspective-origin属性吧，还要设置transform-style为3d。