主要为大家详细介绍了css3 transform及原生js实现鼠标拖动3D立方体旋转的相关资料，感兴趣的小伙伴们可以参考一下

本文通过原生JS，点击事件，鼠标按下、鼠标抬起和鼠标移动事件，实现3D立方体的拖动旋转，并将旋转角度实时的反应至界面上显示。  实现原理：通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标，来获得鼠标在X轴、Y轴移动的距离，将距离实时赋值给transform属性。 从而通过改变transform：rotate属性值来达到3D立方体旋转的效果： HTML代码块： XML/HTML Code复制内容到剪贴板               <input type="text"