http://www.knodel.net/oops/index.php?action=history&feed=atom&title=CSS_animationsCSS animations - Revision history2026-05-09T00:37:42ZRevision history for this page on the wikiMediaWiki 1.26.3http://www.knodel.net/oops/index.php?title=CSS_animations&diff=332&oldid=prevEogen: 1 revision imported2018-09-19T08:19:09Z<p>1 revision imported</p>
<table class='diff diff-contentalign-left'>
<tr style='vertical-align: top;' lang='en'>
<td colspan='1' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='1' style="background-color: white; color:black; text-align: center;">Revision as of 08:19, 19 September 2018</td>
</tr><tr><td colspan='2' style='text-align: center;' lang='en'><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>Eogenhttp://www.knodel.net/oops/index.php?title=CSS_animations&diff=331&oldid=prevDicklyon: ce case2017-10-22T00:41:11Z<p>ce case</p>
<p><b>New page</b></p><div>{{update|date=July 2017}}<br />
{{CSS}}<br />
'''CSS animations''' is a proposed module for [[Cascading Style Sheets]] that allows the [[animation]] of [[HTML]] document elements using CSS.<br />
<br />
== History ==<br />
While the pseudo-class <code>:hover</code> 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).<br />
<br />
== Browser support ==<br />
As of June 2011, Firefox 5 includes CSS animations support.<ref>{{citation |url=https://www.mozilla.com/en-US/firefox/5.0/releasenotes/ |title=Firefox 5 release notes |date=2011-06-21 |publisher=The Mozilla Foundation}}</ref> CSS animation is also available as a module in the nightly builds of WebKit as well as [[Google Chrome]], [[Safari (web browser)|Safari]] 4 and 5 and Safari for [[iOS]] (iPhone, iPod Touch, iPad), [[Android (operating system)|Android]] versions 2.x and 3.x, the BlackBerry OS 6 web browser, with the <code>-webkit-</code> prefix.<ref>{{citation |url=http://webkit.org/blog/138/css-animation/ |title=CSS Animation |first=Dave |last=Hyatt |date=2007-10-31 |publisher=Surfin’ Safari}}</ref><ref>{{citation |url=http://webkit.org/blog/324/css-animation-2/ |title=CSS Animation |first=Dean |last=Jackson |date=2009-02-05 |publisher=Surfin’ Safari}}</ref> It is also used in [[iTunes]] 9 to support [[iTunes LP]] files.<br />
<br />
Future support:<br />
Opera v12+ will support CSS3 animations and transformations with <code>-o-</code> prefix<br />
Internet Explorer 10+ will support CSS3 animations and transformations with <code>-ms-</code> prefix<br />
<br />
== Controversy ==<br />
Early on in the development of the CSS animation it had drawn concern from those who prefer animation via [[JavaScript]]<ref>{{citation |url=http://snook.ca/archives/javascript/css_animations_in_safari/ |title=CSS Animations in Safari |first=Jonathan |last=Snook |publisher=Snook.ca |date=2007-10-31}}</ref> 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 animation]]s) on the company's [[iOS]] line of mobile devices which use [[Safari (web browser)|Safari]].<ref>{{citation |url=http://www.macrumors.com/2009/02/06/css-animation-coming-to-safari-already-in-iphone-less-dependence-on-flash/ |title=CSS Animation Coming to Safari, Already in iPhone. Less Dependence on Flash? |publisher=MacRumors.com |date=2009-02-06 |first=Arnold |last=Kim}}</ref><ref>{{citation |url=http://www.tuaw.com/2009/02/06/css-animation-to-replace-need-for-flash-in-mobilesafari-not-lik/ |title=CSS Animation to replace need for Flash in MobileSafari? Not likely |publisher=The Unofficial Apple Weblog |date=2009-02-06 |first=Robert |last=Palmer}}</ref><ref>{{citation |url=http://www.applethoughts.com/news/show/92481/css-animations-a-flash-substitute.html |title=CSS Animations: A Flash Substitute? |publisher=Apple Thoughts |date=2009-02-09 |first=Vincent |last=Ferrari}}</ref><br />
<br />
== See also ==<br />
* [[Flash animation]]<br />
* [[SVG animation]]<br />
<br />
== References ==<br />
{{Reflist}}<br />
<br />
== External links ==<br />
* [https://web.archive.org/web/20080430041229/http://webkit.org/specs/CSSVisualEffects/CSSAnimation.html Initial Apple Proposal]<br />
* [http://dev.w3.org/csswg/css3-animations/ CSS Animations Module Level 3] draft on the [[World Wide Web Consortium|W3C]] website<br />
* [http://www.logopearl.com/blog/css3-animation-examples/ Examples of CSS Animation]<br />
<br />
{{Animation}}<br />
{{DEFAULTSORT:CSS animations}}<br />
[[Category:Animation techniques]]<br />
[[Category:Apple Inc. software]]<br />
[[Category:Cascading Style Sheets]]<br />
[[Category:Web animation]]<br />
{{comm-design-stub}}</div>Dicklyon