Mention CSS Animations and CSS Transitions as an alternate way to change SVG content dynamically.
authorDirk Schulze <dschulze@adobe.com>
Sat, 26 May 2012 22:04:22 -0700
changeset 173 49f6d702977f
parent 172 d74a5084cc14
child 174 d03d704dd3b8
Mention CSS Animations and CSS Transitions as an alternate way to change SVG content dynamically.
master/animate.html
--- a/master/animate.html	Sat May 26 21:42:55 2012 -0700
+++ b/master/animate.html	Sat May 26 22:04:22 2012 -0700
@@ -14,6 +14,7 @@
 
 <h1>Animation</h1>
 
+<div class="ready-for-wg-review">
 <h2 id="Introduction">Introduction</h2>
 
 <p>Because the Web is a dynamic medium, SVG supports the
@@ -21,6 +22,16 @@
 animated in the following ways:</p>
 
 <ul>
+  <li>Using <a href="http://www.w3.org/TR/2012/WD-css3-animations-20120403/"><cite>CSS Animations</cite></a>
+  [<a href="refs.html#ref-CSS3Animations">CSSANIMATIONS</a>]. A CSS
+  module that describes a way for authors to animate the values of
+  CSS properties over time, using keyframes. The behavior of these
+  keyframe animations can be controlled by specifying their duration,
+  number of repeats, and repeating behavior.</li>
+  <li>Using <a href="http://www.w3.org/TR/2012/WD-css3-transitions-20120403/"><cite>CSS Transitions</cite></a>
+  [<a href="refs.html#ref-CSS3TRANSITIONS">CSS3TRANSITIONS</a>]. A CSS
+  module that allows changes to values of CSS properties to occur
+  smoothly over a specified duration.</li>
   <li>Using SVG's <a href="#AnimationElements">animation elements</a>.
   SVG document fragments can describe time-based modifications
   to the document's elements. Using the various animation
@@ -45,6 +56,7 @@
   <a href="http://www.w3.org/TR/2008/REC-SMIL3-20081201/">SMIL</a> [<a href="refs.html#ref-SMIL">SMIL</a>] to use
   animated or static SVG content as media components.</li>
 </ul>
+</div>
 
 <h2 id="AnimationElements">Animation elements</h2>