用于moz浏览器的CSS -webkit- perspective属性

Question

使用CSS3变换和过渡我创建了一个翻转动画。

Moz无法识别透视CSS3属性，因此不像在webkit中那样翻转3D。

无论如何都要-moz翻转-webkit

样品::

http://jsfiddle.net/L9wDd/91/

Answer 1

我刚刚更新到Firefox 18并将px应用到-moz-perspective属性，我获得了与Chrome相同的效果：

.container {
    position:relative; display:block;
    -webkit-perspective:1000px; -moz-perspective:1000px;
}

此外，您可以应用标准perspective属性，这也会产生相同的效果。

    perspective: 1000px;

Answer 2

您不需要在属性透视图中使用前缀-moz。请注意，它仅适用于Firefox 10+。您可以在以下链接中查看适用于Firefox的示例：https://gist.github.com/4346505。