首先page1绕着x轴转-90度page1趴下而,而page2-5在css设定好了是绕x90度,也就是说page1趴下后和page2-5呈现180度,那么page2怎么也应该是-90度,此时正好与page1垂直?请问这里为什么是0度?
因为page2,3,4,5,6都设置有rotateX(-90deg),所以后面的js中的rotateX不是在原来的基础上再增加这个参数,而是把以前的rotateX(-90deg)修改为rotate(0deg),自然就立起了。
你想想 page1 一开始 是没有设置值的 点击下一张 page1往前趴下 就是 -90度 2-5一开始 是 90度(后面趴着的) 那 page1 往前趴下 转了 -90度 那后面的2-5 让他跟 page1 一开始一样 所以 就是 0度
rotate多少度并不是旋转了多少度,而是停留在多少度的位置,这样理解就容易多了
默认是0度上一页旋转了-90度再次旋转回来就是0度了