3d旋转,顾名思义就是立体旋转,涉及到三个轴向,x,y, z,2D旋转只有两个轴向,x,y关键就在z轴呢,我来解释下z轴
z轴就是物体远近,近大远小,所以会使元素看上去会变大,这个是正常的,css3 3D还有个属性就是-webkit-perspective:这个的含义就是景深,就是这个元素离你的眼睛多远,这两个属性有一定的联系,
2个li标签的位置对于XYZ的3轴交汇点有问题,加上3D视角的作用 所以会变大,你写的时候就改在处理2个li的位置的时候以交互点 也就是正中心的轴点为基础
不是元素变大了 而是元素离你更近了, 你可以试着拉远Z轴
顺便推荐你看下3D里面 摄像机的概念
翻转子元素的top值有问题,你的转轴一定要用你用的那么考虑清楚反正后变大问题