css - Chrome でパースペクティブ CSS 変換を有効にしますか?

Question

このスタイルを #board (灰色のもの) で使用すると

-webkit-transform: perspective(500px) rotateX(45deg);
-moz-transform: perspective(500px) rotateX(45deg);

Firefox での表示:

しかしクロムでは：

必要なのは Firefox のものです。では、クロムで同じ外観を得るにはどうすればよいでしょうか?

Answer 1

一般に、や ラッピングperspectiveなどの包含要素にを配置することをお勧めします。bodydiv

デモ: http://jsfiddle.net/amustill/Qh8YV/

body {
    -webkit-perspective: 500px;
       -moz-perspective: 500px;
    }

div {
    ...
    -webkit-transform: rotateX(45deg);
       -moz-transform: rotateX(45deg);
    }