CSS 变换倾斜[重复]

有谁知道如何实现这样的倾斜：

使用 CSS 的新转换属性？

正如你所看到的，我正在尝试倾斜两个角，有人知道这是否可能吗？

.red.box {
  background-color: red;
  transform: perspective( 600px ) rotateY( 45deg );
}

然后是 HTML：

<div class="box red"></div>

from http://desandro.github.com/3dtransforms/docs/perspective.html