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

Question

我不知道这是否可能，但我对此一无所知，所以我决定问。 是否可以使用像Jquery这样的javascipt库在x，y，z轴上旋转div？或类似的东西？

谢谢

Answer 1

您可以通过CSS中的x和y（left和top属性进行定位。

您需要拥有position: absolute或静态以外的其他内容。

您也可以更改z顺序（堆叠高度）。还可以与position: static之外的其他内容一起使用（默认情况下）。

但是，使用CSS3，您可以旋转div。

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

Answer 2

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

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

如果您想旋转图片，this plugin将适用于所有浏览器。

Answer 3

AFAIK，没有。我知道目前还没有什么能够实现这一目标。要模拟3D旋转，最接近的方法是通过一些javascript画布操作库来完成。前几天我碰巧找到Javascript 3D renderer。如果您有兴趣，请查看它。但是，您应该知道，即使Canvas 3d JS Library可用，我们也无法使div（在画布外）以3D方式旋转。

Answer 4

这个jQuery插件适用于图像，你可以将它与divs一起使用

link