旋转（HTML）-TouchEvent上的DIV多维数据集

Question

有人知道如何通过触摸屏幕和移动手指来旋转智能手机等移动设备上的DIV立方体吗？

看看下面的例子：

https://codepen.io/tsluga/pen/mjMpVa

如您所见，我目前有一个动画，其中包含以下代码：

<pre>
.cube {
  position: relative;
  transform-style: preserve-3d;
  animation-name: myAnimation;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes myAnimation {
  0% {
    transform: rotate3d(0, 0, 0, 0);
  }
  100% {
    transform: rotate3d(0,1, 0, 360deg);
    ;
  }
}
</pre>

如何实现touchevent？如果有人按下屏幕并在屏幕/多维数据集上滑动，我想旋转多维数据集而不是当前实现的动画。

感谢您的反馈意见