第6个方块透视出来了

来源:3-2 JS部分

小花先森

2016-07-07 11:27

为什么我在页面上可以看到第6个方块呢,虽然用了rotateX(90deg),但是这个页面是可以从1方块透视出来的,这是为什么,求解?

写回答 关注

6回答

  • SherryHolmes
    2017-10-09 09:59:03

    更改视点即可:

    -webkit-perspective: 800px;

    -webkit-perspective-origin: center 400px;


  • 慕粉3240135
    2016-09-07 14:38:27

    视频上-webkit-transform-style:-webkit-preserve-3d;是这样写的,改成-webkit-transform-style:preserve-3d;这个就可以了,至于为什么不太清楚

    Yinsio...

    嗯,就是这样的,属性值中没有-webkit-这些东西。

    2016-11-12 15:16:54

    共 1 条回复 >

  • 慕粉3240135
    2016-09-07 14:37:27

    视频上-webkit-transform-style:preserve-3d;改成这个-webkit-transform-style:preserve-3d;就可以了

  • qq_隔壁龙叔叔_0
    2016-07-25 12:30:59

    至于6为什么会被显示    因为-webkit-perspective-origin:50% 50%;  表示在该div的正中央来看   

    但是旋转是以bottom为中心的

    就像    在一堵墙上凿个洞,顺着洞看进去能看到墙里面屋子的地板

  • qq_隔壁龙叔叔_0
    2016-07-25 12:20:55

    根据页面的渲染秩序来说   在最后面的会显示到最前面  所以在这种情况下(6会在最前面,最后才是1,)

    1. 可以多设置角度    eg:          -webkit-transform:rotateX(110deg);        溢出后自动隐藏;

    2. 可以设置z-indez属性 进行调整

  • ZhaoYuShu
    2016-07-07 15:39:55

    第六个要用translateZ(-200px),是向屏幕内部移动,不能用旋转。

CSS3 3D 特效

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

78572 学习 · 425 问题

查看课程

相似问题