CSS3以两个角度旋转3D

我正在根据鼠标位置旋转立方体

鼠标在屏幕上随时具有X坐标和Y坐标

我使用jquery.mousemove（）来确定像素坐标，然后在mousemove函数中，我调整css rotate3d角度来移动对象

这一切都很好，但我想根据x和y位置移动对象。最好是这样

'-webkit-transform': 'rotate3d(1,0,0,'+angleX+'deg)',
'-webkit-transform': 'rotate3d(0,1,0,'+angleY+'deg)',

但这当然行不通

---

如何使两个轴同时旋转不同的量？

您可以组合变换。总和将表示为matrix3d函数。不确定您想要实现什么，在您的情况下，第二个转换将覆盖第一个。你可以试试：

'-webkit-transform': 'rotate3d(1,0,0,'+angleX+'deg)' + 'rotate3d(0,1,0,'+angleY+'deg)'

---

如果调整[1,0,0]向量/轴，这也可能仅表示为一个变换

谢谢！这很好用，我不知道你能把它们像那样串在一起。欢迎你。请注意，转换的顺序很重要。