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). 
各地动画
产业
  • 動畫製作人員
  • 動畫工作室
  • 动画电影节
    • 国际动画节列表英语List_of_international_animation_festivals
    • 地区动画节列表英语List_of_regional_animation_festivals
动画作品分類
依長度及連續性
依媒體類型
技术
传统动画
定格动画
  • 黏土动画
    • 层切动画英语Strata-cut_animation
  • 定格动画
    • 剪影动画英语Silhouette_animation
  • 绘画动画英语Graphic_animation
  • 模型动画英语Model_animation
  • 物体动画英语Object_animation
  • 真人动画英语Pixilation
  • 人偶动画
電腦动画
二维动画
  • Flash动画
  • PowerPoint动画英语PowerPoint_animation
  • SVG动画英语SVG_animation
  • CSS动画
三维动画
其他手段
  • 手绘动画电影英语Drawn-on-film_animation
  • 渐变动画英语Morphing
  • 玻璃动画
  • 针幕动画英语Pinscreen_animation
  • 像素艺术英语Pixel_artist
  • 沙动画英语Sand_animation
  • CG动画
题材
相关产品
另见