Css 3D转换在Firefox上不起作用（示例）

我不能在firefox中使用3d转换来转换图像，但我可以在chrome中进行转换

我使用的代码如下：

<div class="book"><img src="http://www.enderonline.es/productos/968-1_p.jpg"></div>

.book {
position: relative;
-moz-perspective: 100px;
-moz-transform: rotateY(-2deg);
-webkit-transform: perspective(100) rotateY(-2deg);
outline: 1px solid transparent;
box-shadow: none;
margin: 0;
}

.书{
位置：相对位置；
-moz透视图：100px；
-moz变换：rotateY（-2deg）；
-webkit变换：透视（100）旋转（-2deg）；
外形：1px实心透明；
盒影：无；
保证金：0；
}

以下是一个例子：

我已经尽了我所能，但仍然不起作用。有什么建议吗

---

提前感谢。

您遇到的问题是，您正在使用透视图作为单独的CSS属性。如果您查看和，您将看到

透视图

只是一个“命令”，您可以传递到

变换

另一点：如果你看看firefox的第16版，你会发现不再需要

-moz

修复相对简单，只需完全按照您为chrome（webkit）兼容性所做的操作：

.book {
    position: relative;
    transform: perspective(100px) rotateY(-2deg);
    -webkit-transform: perspective(100px) rotateY(-2deg);
    outline: 1px solid transparent;
    box-shadow: none;
    margin: 0;
}

---

这对我很有效，但我想知道为什么这些医生的说法不同