CSS动画

维基百科,自由的百科全书
跳转至: 导航搜索
Html5 css3 styling.svg

层叠样式表

CSS動畫
IE盒模型缺陷
CSS filter
无表格网页设计
响应式网页设计
b:CSS
h: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 
  2. ^ Hyatt, Dave, CSS Animation, Surfin’ Safari. 2007-10-31 
  3. ^ Jackson, Dean, CSS Animation, Surfin’ Safari. 2009-02-05 
  4. ^ Hands On: animations
  5. ^ 在 IE10 Release Preview 中推动 Web 稳步发展