css3的3d旋转为什么会导致元素变大？

答案:4 悬赏:80 手机版

解决时间 2021-03-16 16:06

提问者网友：浮克旳回音
2021-03-15 18:24

最佳答案

五星知识达人网友：枭雄戏美人
2021-03-15 19:38

3d旋转,顾名思义就是立体旋转，涉及到三个轴向，x，y, z，2D旋转只有两个轴向，x，y关键就在z轴呢，我来解释下z轴

z轴就是物体远近，近大远小，所以会使元素看上去会变大，这个是正常的，css3 3D还有个属性就是-webkit-perspective：这个的含义就是景深，就是这个元素离你的眼睛多远，这两个属性有一定的联系，

全部回答

1楼网友：你可爱的野爹
2021-03-15 21:24

翻转子元素的top值有问题，你的转轴一定要用你用的那么考虑清楚反正后变大问题追问为什么top值会影响到大小呢？

2楼网友：掌灯师
2021-03-15 21:12

2个li标签的位置对于XYZ的3轴交汇点有问题，加上3D视角的作用所以会变大，你写的时候就改在处理2个li的位置的时候以交互点也就是正中心的轴点为基础追问能帮我指出具体应该修改哪里吗？我想让元素翻转后还处在原来的位置，轴点应该在重心处，但是我不知道哪个地方导致了轴点不对。

3楼网友：零点过十分
2021-03-15 20:08

不是元素变大了而是元素离你更近了，你可以试着拉远Z轴
顺便推荐你看下3D里面摄像机的概念

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！