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

发布网友发布时间：2022-04-27 03:47

共4个回答

热心网友时间：2022-04-06 12:55

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

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

热心网友时间：2022-04-06 14:13

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

热心网友时间：2022-04-06 15:48

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

热心网友时间：2022-04-06 17:39

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