Webkit团队在2007年10月将CSS变换(CSS Transforms)加入nightly build的WebKit,变换的内容包括缩放,旋转,偏移,和2D空间的转换。现在该规格已经成熟,3D和卡通性能被加入。最终3D变换的部分演变成他们自己的详细规格。尽管3D变换能力加入Webkit已经有段时间了,但是仅iPhone或者iPod Touch的 Mobile Safari上的Webkit激活该特性。当前无论是Safari 3.2,Safari 4 beta还是nightly build的Webkit都没有没有利用这些先进的3D变换能力。
值得一提的是3D变换,目前仅应用于2D组件。但是,该变换可以允许开发者转换,缩放,旋转,偏移和改变3D空间中的DOM组件的视图方式,从而带来一些壮观的效果。以下视频是使用Apple的3D CSS变换的实例:Here are two example of some amazing 3D capabilities enabled by Apple's 3D CSS Transforms(点击查看视频)
尽管一些2D变换和动画制作可以通过JavaScript来完成,而Mozilla已经做了一些基于JavaScript的3D特效的试验,但是WebKit的CSS变换可以提供强大的性能。
据芝加哥地区的开发者Peter Zich称,“它采用硬件加速,Safari自己能够更有效地处理动画方面的时间和时间间隔,而无需Safari的JavaScript引擎,而在iPhone上基于JS的动画没有超过5fps,但是CSS却表现得更好。”
Apple将这些特性作为iPhone Web程序开发者获得接近原生速度的3D特效的一种方式。但是为何Apple没有将这技术带到桌面系统中来?据Apple Safari技术传道者Vicki Murley称,“他们没有具体的原因……他们只是没这样做而已”。
如果你需要深入了解为何Apple迟迟不愿意将Flash带到他们的移动设备中,那么3D CSS变换就是其中一个原因。除了给WebKit带来对HTML5先进的媒体处理能力,先进的Nitro JavaScript引擎和CSS变换的支持之外,Apple打算将Webkit作为各种平台上提供Web程序的最佳工具。

cnBeta编译自ARS