使用CSS3变换和过渡我创建了一个翻转动画。
Moz无法识别透视CSS3属性,因此不像在webkit中那样翻转3D。
无论如何都要-moz
翻转-webkit
样品::
答案 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。