如何理解CSS3三维变换视角

时间:2010-10-16 08:18:51

标签: css html5

我在Safari中测试CSS3 3D Transform,但我发现3D模型远非我所知。 在查阅了Holy W3C文档后,我发现CSS3中的所有转换规则都将转换为转换矩阵,类似于SVG标准中使用的转换矩阵:http://www.w3.org/TR/SVG/coords.html#TranslationDefined 天哪,我不擅长数学。 是否有人可以向我解释如何理解转换函数的行为,如rotateX,perspective等

3 个答案:

答案 0 :(得分:6)

我一般发现我不需要实际的转换矩阵来完成我所做的任何事情。请改用单个属性。我使用http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html作为文档。

答案 1 :(得分:3)

我已经在CSS 3D变换上写了一些内容和演示,包括CSS3 3D矩阵变换:http://www.eleqtriq.com

答案 2 :(得分:0)

我还没有正确看待它,但我也不擅长数学。尽管如此,可能有助于了解属性如何运作http://westciv.com/tools/3Dtransforms/