css - 用于 moz 浏览器的 CSS -webkit- 透视属性

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 。