CSS Animations
Cascading Style Sheets |
---|
Comparisons |
Web design |
CSS Animations is a proposed module for Cascading Style Sheets that allows the animation of HTML document elements using CSS.
History
While the pseudo-class :hover
has been used to generate rudimentary animations for years, extensions of CSS into the realm of animation were minimal until the late 2000s decade. As early as 2007, WebKit had announced its intent to include CSS animation, transitions, and transforms as features of WebKit. It also announced the implementation of both implicit and explicit animation through CSS in February 2009. CSS animation has also been put forth as a feature of CSS3, the ongoing draft specification managed by the World Wide Web Consortium (W3C).
Browser support
As of June 2011, Firefox 5 includes CSS Animation support.[1] CSS animation is also available as a module in the nightly builds of WebKit as well as Google Chrome, Safari 4 and 5 and Safari for iOS (iPhone, iPod Touch, iPad), Android 2.x and 3.x, the RIM OS6 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
Controversy
Early on in the development of the CSS animation it had drawn concern from those who prefer animation via JavaScript[4] or, to a lesser-used extent, 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
References
- ↑ Firefox 5 release notes, The Mozilla Foundation, 2011-06-21
- ↑ Hyatt, Dave (2007-10-31), CSS Animation, Surfin’ Safari
- ↑ Jackson, Dean (2009-02-05), CSS Animation, Surfin’ Safari
- ↑ Snook, Jonathan (2007-10-31), CSS Animations in Safari, Snook.ca
- ↑ Kim, Arnold (2009-02-06), CSS Animation Coming to Safari, Already in iPhone. Less Dependence on Flash?, MacRumors.com
- ↑ Palmer, Robert (2009-02-06), CSS Animation to replace need for Flash in MobileSafari? Not likely, The Unofficial Apple Weblog
- ↑ Ferrari, Vincent (2009-02-09), CSS Animations: A Flash Substitute?, Apple Thoughts
External links
- Initial Apple Proposal
- CSS Animations Module Level 3 draft on the W3C website
- Examples of CSS Animation
- Comparison of usage and performance between the 2 most popular CSS Animation frameworks: Animate.CSS and Motion UI
- Stylish tool to block CSS animation