CSS动画

层叠样式表

CSS动画（CSS Animations）是为层叠样式表建议的允许可扩展标记语言（XML）元素使用CSS的动画的模块。

历史

尽管伪类:hover被用于产生初级的动画效果已经有几年的历史了，对CSS进入动画境界的扩展直到21世纪00年代晚期还是极少的。早在2007年，WebKit就宣布了它的包括CSS动画（animation），渐变（transition）和变形（transform）的意图。在2009年2月，它同样宣布了通过CSS对隐式和显式的动画的实施。CSS动画也被作为CSS3 - 由万维网联盟管理的正在进行的草稿所定义 - 的一种特性而提出。

浏览器支持

在2011年6月，Firefox 5包括了对CSS动画的支持。^[1]CSS动画同样作为WebKit的nightly builds及Google Chrome, Safari 4和5和Safari for iOS（iPhone, iPod Touch和iPad）,Android 2.x+, RIM OS 6网页浏览器的一个模块而可用。（需要-webkit-前缀）^[2]^[3]它同样被用于iTunes 9以支持iTunes LP文件。Internet Explorer 10也提供了对CSS动画的支持（需要-ms-前缀），但自Release Preview起已不再需要。^[4]^[5]

争议

CSS动画吸引了偏爱以JavaScript或者使用较少的同步多媒体集成语言（SMIL）实现动画者的注意；其他人则声称其为苹果公司（WebKit计划的一个主赞助商）的举动，以回避在该公司使用Safari的移动设备的iOS产品线上应用Adobe Flash（以及现有Flash动画）。

参考

^ Firefox 5 release notes, The Mozilla Foundation, 2011-06-21 [2012-03-06], （原始内容存档于2011-08-11）
^ Hyatt, Dave, CSS Animation, Surfin’ Safari, 2007-10-31 [2012-03-08], （原始内容存档于2012-03-14）
^ Jackson, Dean, CSS Animation, Surfin’ Safari, 2009-02-05 [2012-03-08], （原始内容存档于2012-03-14）
^ Hands On: animations. [2012-03-08]. （原始内容存档于2012-03-05）.
^ 在IE10 Release Preview中推动Web稳步发展. [2012-06-28]. （原始内容存档于2012-12-26）.

[1] Firefox 5 release notes, The Mozilla Foundation, 2011-06-21 [2012-03-06], （原始内容存档于2011-08-11）

[2] Hyatt, Dave, CSS Animation, Surfin’ Safari, 2007-10-31 [2012-03-08], （原始内容存档于2012-03-14）

[3] Jackson, Dean, CSS Animation, Surfin’ Safari, 2009-02-05 [2012-03-08], （原始内容存档于2012-03-14）

[4] Hands On: animations. [2012-03-08]. （原始内容存档于2012-03-05）.

[5] 在IE10 Release Preview中推动Web稳步发展. [2012-06-28]. （原始内容存档于2012-12-26）.

[1]

[2]

[3]

[4]

[5]