我正在 Safari 测试 CSS3 3D 变换,但我发现这个 3D 模型远超我的知识水平。在查阅了神圣的 W3C 文档后,我发现所有的 CSS3 变换规则都会被转换成变换矩阵,这个矩阵类似于 SVG 标准中使用的矩阵:http://www.w3.org/TR/SVG/coords.html#TranslationDefined。天啊,我不擅长数学。有没有人能为我解释一下像 rotateX、perspective 这样的变换函数的行为?
我通常发现在我所做的任何事情中,我并不需要实际的转换矩阵。而是使用各个属性。我使用http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html作为文档。
我已经写了一些关于CSS 3D变换的教程和演示,包括CSS3 3D矩阵变换:http://www.eleqtriq.com