是否可以在x，y，z轴上旋转div？

问题描述：

我不知道这是否可能，但我不知道这件事，所以我决定问。是否有可能使用jquascipt库（如Jquery）在x，y，z轴上旋转div？或类似的东西？是否可以在x，y，z轴上旋转div？

感谢

答

您可以通过x和y（left和CSS top性质）的位置。

您将需要有position: absolute或静态以外的东西。

您也可以更改z顺序（堆叠高度）。除了position: static（这是默认值）之外，还可以与其他功能结合使用。

但是，在CSS3中，您可以旋转div。

#my-div { 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
}

这只是旋转格Y轴，那X，Z轴使用它呢？ – trrrrrrm 2010-02-23 00:34:50

你的意思是旋转到页面中？像倾斜它？可能需要使用Canvas。 – alex 2010-02-23 00:56:06

不，3D在X轴上旋转 – trrrrrrm 2010-02-23 00:58:33

答

有一个jQuery插件旋转（使用其他答案中描述的转换），但它不适用于IE。

如果您有兴趣，请查看here。

如果要旋转图像，this plugin适用于所有浏览器。

答

AFAIK，no。我知道什么可以暂时实现。要模拟3D旋转，最接近的方法是通过一些JavaScript画布操作库来完成。前几天我碰巧找到了一个Javascript 3D renderer。如果你有兴趣，请检查一下。但是，您应该知道，即使可用Canvas 3d JS Library，我们也无法在画布外创建一个div来以3D形式旋转。

答

这个jQuery插件适用于图像，你可以用div的

link

如何在X轴上旋转div？ – trrrrrrm 2010-02-23 11:31:05

是否可以在x，y，z轴上旋转div？

相关推荐