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

时间:2013-01-12 18:36:45

标签: css3 cross-browser transformation mozilla

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

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

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

样品::

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

2 个答案:

答案 0 :(得分:3)

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

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

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

    perspective: 1000px;

答案 1 :(得分:1)

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