我正在使用带触摸事件的CSS3动画制作3D立方体。这是链接(您可以在Chrome中激活“触摸事件”):http://adevby.me/cube/。
我制作了两个不同的功能(cube1& cube2)。唯一的变化是第二个立方体的第254行。
第一个多维数据集: 当你在Y轴上旋转180度(底部的红色面)时,然后在X轴上旋转,方向反转(相对于光标/手指移动)。
第二个多维数据集: 所以当我们低于-90deg&&时,我试图制造一个条件。在Y轴上超过90度,但我们看到了一个糟糕的过渡......
第二个问题 如果您面前有红色的脸,并且在X轴上进行了移动,则立方体会转到Z轴而不是Y轴。
我希望我很清楚......