css 3D變換立方體透視

我正在嘗試創建一個多維數據集網格，該透視圖看起來像是從頂部看它們。下面是一個例子css 3D變換立方體透視

這一個是通過計算立方多遠是從中間和改變邊框大小製成。我想在立方體的兩側創建自己的紋理，所以我使用CSS3旋轉來創建立方體的六面並將它們正確放置以形成立方體。現在，我試圖通過具有立方體取決於他們是從中心多遠傾斜在X和Y軸重建的影響，我得到這個：

http://codepen.io/anon/pen/yKmwg

正如你可以看到它看起來像他們」在某種球面上。這是因爲立方體的正面和背面不應該旋轉。有誰知道正確的方法來做到這一點。由於

來源

2013-09-29 Avovk

是立方體各個元素？你的「視角」是什麼？你有沒有想過使用['perspective-origin']（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transforms?redirectlocale=en-US&redirectslug=CSS%2FTutorials%2FUsing_CSS_transforms）輪換？你如何進行旋轉？如果您想要更有意義的幫助，請分享您的代碼。 – jozzas

在那裏添加了我的代碼。謝謝 – Avovk

謝謝@jozzas觀點起源就是我一直在尋找：

http://codepen.io/avovk/pen/yICrt

來源

2013-09-29 21:53:03 Avovk

css 3D變換立方體透視

回答

相關問題