問題描述

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

對(duì)于上下兩個(gè)框，我用css的rotateX，然后又用了translateZ移動(dòng)了位置，然而出現(xiàn)的如下的效果，

上下兩個(gè)框并沒有出現(xiàn)上圖有由近及遠(yuǎn)的‘梯形狀’。請(qǐng)問如何解決？

問題解答

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