CSS教程:需要知道的CSS3动画技术

浏览器支持

不幸的是，目前，只有少数浏览器支持CSS动画。2D CSS animations 可以在Safari 4 (Leopard)、Chrome 3、Safari Mobile、Shira 以及其它Webkit 浏览器中工作。Safari 4 (Snow Leopard)支持3D动画

总结

现在，JavaScript可以在CSS 3完善之前弥补这个差距。遗憾的是，让所有浏览器支持这些很棒的属性可能需要一个很长的过程。不用等待那一天的到来，我们可以先使用一些严谨的渐进增强以及以来Javascript来增强我们的网站和应用。这不是件坏事，至少现在看起来是。

看了最近的IE9的公告，如果IE团队添加这些属性中的一些到这个新的版本的浏览器中我不会感到惊讶，他们已经开始考虑整合CSS3了(border-radius)。

web的前景是光明的，特别是因为这些类似动画的高度实验性的属性。尽管很多属性对客户或高级产品工作还不可用，至少他们很有趣！我们都期待着有一天，我们可以支持所有平台，以建立一些真的很棒的轻量级应用。

参考与资源

• A Crash Course in Advanced CSS3 Effects
  Net Tuts 发布的一个很酷的关于CSS3效果的视频。
• Webkit Announces Support for CSS 3D Transforms
  CSS3.info 制作的一个使用CSS3动画的demo，目前只支持nightly build 版的WebKit.
• Jonathan Snook on CSS Text Rotation
  Jonathan Snook 讲述即将到来的CSS3 属性.
• DEV Camp CSS3 Tricks
  一份来自Dan Kurtz的幻灯演示
• W3C Spec on 2-D Transformations
  关于2-D 变换的资源.
• W3C Spec on 3-D Transformations
  一个关于3-D 变换的资源.
• W3C Spec on CSS3 Animations
  CSS animations的W3C工作草案
• Safari CSS参考
• MDC:Using CSS transforms
• MDC: -moz-transform

关于原作者

Tim Wright是一位网页设计师/开发工程师和博主。他从2004年就成为一名web标准和易用性的倡导者。你可以在CSSKarma.com上找到他写的更多文章，或者follow Tim on Twitter。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!