明白了，其实是后面的style样式把前面的css定义的旋转90deg的语句覆盖掉了，他的状态现在是竖直状态

因为在css中定义的#page2，#page3，#page4，#page5，#page6{ -webkit-transform:rotateX(90deg); }这里已经初始化定义了它们是往屏幕内部翻转90度了，所以按next的时候，他们应当转0deg这样才能到达与屏幕平行的状态

这里的度数不是“要旋转多少度”，而是“旋转的角度位置” 这句话点醒了迷雾中的人。。

初始化在css中是90deg，在js中变成0deg，这个过程就形成了动画。这里的度数不是“要旋转多少度”，而是“旋转的角度位置”