小花先森
2016-07-07 11:27
为什么我在页面上可以看到第6个方块呢,虽然用了rotateX(90deg),但是这个页面是可以从1方块透视出来的,这是为什么,求解?
更改视点即可:
-webkit-perspective: 800px;
-webkit-perspective-origin: center 400px;
视频上-webkit-transform-style:-webkit-preserve-3d;是这样写的,改成-webkit-transform-style:preserve-3d;这个就可以了,至于为什么不太清楚
视频上-webkit-transform-style:preserve-3d;改成这个-webkit-transform-style:preserve-3d;就可以了
至于6为什么会被显示 因为-webkit-perspective-origin:50% 50%; 表示在该div的正中央来看
但是旋转是以bottom为中心的
就像 在一堵墙上凿个洞,顺着洞看进去能看到墙里面屋子的地板
根据页面的渲染秩序来说 在最后面的会显示到最前面 所以在这种情况下(6会在最前面,最后才是1,)
可以多设置角度 eg: -webkit-transform:rotateX(110deg); 溢出后自动隐藏;
可以设置z-indez属性 进行调整
第六个要用translateZ(-200px),是向屏幕内部移动,不能用旋转。
CSS3 3D 特效
78572 学习 · 425 问题
相似问题