旋转css3错误

我正在制作一个基于 但我的手机会对鼠标事件和触摸事件做出反应

我引入RotateZ来展示原始Hayes立方体的奇怪行为

但当我尝试向左->向下再向左时，它会出错

   -webkit-transform:rotateX(-90deg) rotateY(-90deg) rotateZ(0deg);

RotateX和Z在同一个轴上移动立方体，我不知道为什么

这是一个bug还是有解决方案

以下是我的问题的详细内容：

---

谢谢你的回答

问题

这是因为当您向上/向下移动鼠标，同时向左/向右移动并单击鼠标时，它将驻留在向上/向下操作中

当前结构

我对x公司的更新进行了基准测试

对于左方向和右方向，x0，似乎都不是相对的

xAngle、yAngle、zAngle增量，但不重置为0

建议

我建议对cubePointerMove（）的结构进行一些更改。使每个方向都有自己的堆栈。这样，4个方向将不会出现任何问题

现在的设置方式是在左/右块中重复上/下操作

当前

---

//左
如果（xMove<0）{
//向上
if（yMove<0）{
if（xMove

修改

---

//向上
if（yMove<0）{
}
//向下
否则{
}
//左
如果（xMove<0）{
}
//对
否则{
}

I，感谢您抽出时间回答我的问题！但是您是否测试webkit转换：rotateX（-90度）rotateY（-90度）rotateZ（0度）；立方体的这个位置？如果您尝试使用chrome元素浏览器手动移动rotateX或Z值，则在这两种情况下立方体都会垂直移动。。。这一定不是…我在用Chrome测试。要在Internet Explorer和Firefox中使用，您需要

transform:rotateX（）我现在在chrome下，这对我来说不是浏览器兼容性的问题。如果你的modif对你有效，你能给我发送更新的jsfiddle并进行测试，确保我们理解吗？
// Left
if( xMove < 0) {
  // Up
  if( yMove < 0 ) {
    if(xMove < yMove){
    }
  }
  // Down
  else {
  }
}
// Right
else
{
}

// Up
if( yMove < 0 ) {
}
// Down
else {
}
// Left
if( xMove < 0) {
}
// Right
else {
}