火狐上到底可不可以啊?

来源:2-2 实际创建3D场景

慕九州4739172

2016-11-25 20:24

*{margin:0;padding:0}
/*总体框架布局*/
#experiment{
-webkit-perspective:800;
-moz-perspective:800;
perspective:800;
-webkit-perspective-origin:50% 50%;
-moz-perspective-origin:50% 50%;
perspective-origin:50% 50%;
-webkit-transform-style:-webkit-preserve-3d;
-moz-transform-style:-webkit-preserve-3d;
transform-style:preserve-3d;
}
#block{
width:500px;
height:500px;
background-color:#0ff;
margin:100px auto;

-webkit-transform:rotateX(45deg);
-moz-transform:rotateX(45deg);
transform:rotateX(45deg);
}

写回答 关注

2回答

  • yclycl
    2017-05-05 21:01:44

    -webkit-perspective:800px;
    -moz-perspective:800px;
    perspective:800px;

    qq_星心_...

    加个PX就行了,但是我看很多笔记不加PX都有效果,奇怪了。

    2017-10-30 14:07:10

    共 1 条回复 >

  • 嗯嗯9
    2016-11-28 15:45:23

    可以,因为-moz-针对的就是火狐


CSS3 3D 特效

使用CSS3当中的属性,创建真实可用的三维效果

78571 学习 · 425 问题

查看课程

相似问题