CSS animations is a proposed module for Cascading Style Sheets that allows the animation of HTML document elements using CSS.


While the pseudo-class :hoverhas been used to generate rich animations for years, the extensions of CSS in the realm of animation were minimal until the late 2000s decade. As early as 2007, WebKit has been launched to include CSS animation, transitions, and transforms as features of WebKit. It has also been proposed by the CSS in the context of CSS3, the W3C ( World Wide Web Consortium ).

Browser support

As of June 2011, Firefox 5 includes CSS animations support. [1] CSS animation is also available as a module in the nightly builds of Google Chrome , Safari 4 and 5 and Safari for iOS (iPhone, iPod Touch, iPad), Android versions 2.x and 3.x, the BlackBerry OS 6 web browser, with the -webkit-prefix. [2] [3] It is also used in iTunes 9 to support iTunes LP files.

Future support: Opera v12 + will support CSS3 animations and transformations with -o-prefix Internet Explorer 10+ will support CSS3 animations and transformations with -ms-prefix


Early on in the development of the CSS Animation It Had drawn concern from Those Who Prefer animated via JavaScript [4] or, to a lesser extent-used, Synchronized Multimedia Integration Language (SMIL) others have claimed that it is a move by Apple Inc. , the main sponsor of the WebKit project, to sidestep the inclusion of Adobe Flash (and the incumbent Flash animations ) on the company’s iOS line of mobile devices which use Safari . [5] [6] [7]

See also

  • Flash animation
  • SVG animation


  1. Jump up^ Firefox 5 release notes , The Mozilla Foundation, 2011-06-21
  2. Jump up^ Hyatt, Dave (2007-10-31), CSS Animation , Surfin ‘Safari
  3. Jump up^ Jackson, Dean (2009-02-05), CSS Animation , Surfin ‘Safari
  4. Jump up^ Snook, Jonathan (2007-10-31), CSS Animations in Safari , Snook.ca
  5. Jump up^ Kim Arnold (2009-02-06) CSS Animation Coming to Safari, Already in iPhone. Less Dependence on Flash? , MacRumors.com
  6. Jump up^ Palmer, Robert (2009-02-06), CSS Animation to replace Flash for MobileSafari? Not likely , The Unofficial Apple Weblog
  7. Jump up^ Ferrari, Vincent (2009-02-09) CSS Animations: A Flash Substitute? , Apple Thoughts