css - 如何在Firefox中旋转元素

Question

我正在尝试旋转像http://jsfiddle.net/jeanluca/HKpAX/这样的 div

在 chrome 中哪个看起来比 firefox 更好，但为什么呢？Firefox 不支持这些类型的旋转还是我错过了一个 css 属性？

干杯

Answer 1

你px缺少perspective属性

.container {
    height: 100% ;
    width: 100% ;
    -webkit-perspective: 200px ; 
       -moz-perspective: 200px ; /* 200px instead of 200 */

    margin-left:200px ;
}

演示