是否可以在x，y，z軸上旋轉div？

我不知道這是否可能，但我不知道這件事，所以我決定問。是否有可能使用jquascipt庫（如Jquery）在x，y，z軸上旋轉div？或類似的東西？是否可以在x，y，z軸上旋轉div？

感謝

2010-02-23 trrrrrrm

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

您將需要有position: absolute或靜態以外的東西。

您也可以更改z順序（堆疊高度）。除了position: static（這是默認值）之外，還可以與其他功能結合使用。

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

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

來源

2010-02-23 00:31:06 alex

這只是旋轉格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適用於所有瀏覽器。

來源

2010-02-23 02:00:49 Mottie

AFAIK，no。我知道什麼可以暫時實現。要模擬3D旋轉，最接近的方法是通過一些JavaScript畫布操作庫來完成。前幾天我碰巧找到了一個Javascript 3D renderer。如果你有興趣，請檢查一下。但是，您應該知道，即使可用Canvas 3d JS Library，我們也無法在畫布外創建一個div來以3D形式旋轉。

來源

2010-02-23 02:14:53 shinkou

這個jQuery插件適用於圖像，你可以用div的

link

來源

2010-02-23 11:07:37 pixeltocode

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

是否可以在x，y，z軸上旋轉div？

回答

相關問題