跳至內容

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動畫)。

參考

  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).