我正在使用 impress.js 创建一个 3D 效果,在其中您处于四个页面内,就好像它们是一个房间里的四堵墙一样。要查看下一页,使用简单的 -90 度旋转。页面已经使用 impress.js 进行布局,使用:
//page 1
<div id="title" class="step" data-x="0" data-y="0" data-z="0">
//page 2
<div id="about" class="step" data-x="2000" data-y="0" data-z="2000" data-rotate-y="-90">
//page 3
<div id="our_work" class="step" data-x="0" data-y="0" data-z="4000" data-rotate-y="-180">
//page 4
<div id="contact" class="step" data-x="-2000" data-y="0" data-z="2000" data-rotate-y="-270">
这是可行的,只是从第四页到第一页的转换需要“很长的路”。如中,旋转显示为 270 度旋转,而不是其他 -90 度。如果我将第 1 页的旋转更改为 -360 以解决此问题,则从第一页到第二页的转换会中断。我将如何进行完整的转换循环?