我在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. css 3D变换立方体透视
- 4. CSS3中的反向3D旋转 - 透视原点,变换原点?
- 5. 用CSS3变换3d
- 6. CSS3 3D变换的IE11
- 7. 使用CSS3透视图和变换将图像渲染为3D立方体
- 8. 如何3D透视添加到HTML5画布没有CSS3和WebGL
- 9. 如何在C#或VB.Net中进行3D变换(透视图)?
- 10. css3 3d变换,div变得不可用
- 11. 透视变换
- 12. 如何将CSS3 2D动画转换为3D变换
- 13. 3D中的3D透视
- 14. IOS HTML画布或CSS3 3D变换
- 15. CSS3 3D变换和HTML5画布
- 16. 需要用CSS3 3D变换帮助
- 17. css3 3D变换不会流畅动画
- 18. 3D矩阵透视变换安装在移动平台
- 19. OpenCV:了解warpPerspective /透视变换
- 20. CSS3 - 3D翻转动画 - IE10变换产地:保留-3D解决办法
- 21. 曲线透视:将3D转换为2D
- 22. 如何创建与CSS3直立的3D文字效果变换
- 23. WP7透视变换(3D矩阵vs平面投影)
- 24. 为什么CSS3透视变换不会在Firefox
- 25. 使用CSS3透视变换的IE10上的工件
- 26. CSS3的透视,变换和过渡与jQuery
- 27. CSS3视角3D动画
- 28. Webkit 3D透视错误
- 29. 如何合并透视图像(3D Transform)?
- 30. 3D变换解析问题
THX〜看来,如果你了解计算机图形学一些书的3D模型是很简单的...... – RobinQu 2010-10-18 07:09:09
是的,它是......它就像CG-101 :) – 2013-08-08 16:12:47