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]