如何在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 ;
}

DEMO