我在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