我在Safari中測試CSS3 3D變換,但是我發現3D模型離我的知識還很遙遠。 經過查閱Holy W3C文檔,我發現CSS3中的所有變換規則都將被轉換爲與SVG標準中使用的類似的變換矩陣:http://www.w3.org/TR/SVG/coords.html#TranslationDefined OMG,我不擅長數學。 有沒有人可以向我解釋如何理解transformX,perspective等轉換函數的行爲如何理解CSS3 3D變換透視
回答
我一般發現我並不需要實際的轉換矩陣來完成任何事情。改用個別的屬性。我使用http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html作爲文檔。
我還沒有轉過身去看它,但我也不擅長數學。儘管這樣做,可能有助於瞭解屬性如何工作http://westciv.com/tools/3Dtransforms/
我已經寫在CSS 3D一些TUTS和演示變換包括CSS3 3D矩陣變換:http://www.eleqtriq.com
太棒了!無論如何,我想出瞭如何使用CSS3 3D,但仍然thx! – RobinQu 2010-11-30 05:29:54
感謝您的好評! – 2011-03-02 01:13:21
查看:http://derek1906.site50.net/experiment/css3d.html/ – 2011-07-29 20:52:31
- 1. CSS3「曲面」3D變換/透視幫助
- 2. CSS3 3D彎曲透視
- 3. 使用CSS3透視圖和變換將圖像渲染爲3D立方體
- 4. 如何在C#或VB.Net中進行3D變換(透視圖)?
- 5. 透視變換
- 6. 如何將CSS3 2D動畫轉換爲3D變換
- 7. 3D中的3D透視
- 8. CSS3 3D變換和HTML5畫布
- 9. OpenCV:瞭解warpPerspective /透視變換
- 10. CSS3的透視,變換和過渡與jQuery
- 11. 爲什麼CSS3透視變換不會在Firefox
- 12. 曲線透視:將3D轉換爲2D
- 13. WP7透視變換(3D矩陣vs平面投影)
- 14. Webkit 3D透視錯誤
- 15. CSS3彎曲/透視效果
- 16. CSS3漸變圖像透明
- 17. CSS 3d透視關閉
- 18. bootstrap詞綴不附加視差滾動 - CSS3透視+轉換
- 19. CSS3 -webkit-變換
- 20. css3變換:旋轉移動視圖
- 21. 透視轉換
- 22. 透視變換三角形點
- 23. 3D變換WPF
- 24. MATLAB中的透視控制3D數字
- 25. 查詢變換和數據透視
- 26. 3D變換CSS3導致文本和圖像模糊
- 27. CSS3 3D變換Cube渲染問題在Firefox
- 28. 在不受支持的瀏覽器中使用CSS3 3d變換
- 29. CSS3 -webkit-變換風格:保持-3D和相對/絕對閃爍
- 30. 如何使用高度變換css3
THX〜看來,如果你瞭解計算機圖形學一些書的3D模型是很簡單的...... – RobinQu 2010-10-18 07:09:09
是的,它是......它就像CG-101 :) – 2013-08-08 16:12:47