我在用着:

transform: rotateY( 45deg );


和(在右侧)

transform: rotateY( -45deg );


..但结果不符合预期,元素仍然看起来像矩形。请检查以下小提琴:http://jsfiddle.net/uy57B/1/

最佳答案

您需要添加透视图:

.left, .right {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    perspective: 400px;
}


玩直到找到正确的号码。更大的角度会使角度看起来更小,因为视野更深。

10-06 12:38