css3-animations/Overview.src.html

changeset 5304
b531bcdc39f7
parent 5303
083f80ca0535
child 5312
f2453d922d28
     1.1 --- a/css3-animations/Overview.src.html	Wed Mar 28 22:04:08 2012 -0700
     1.2 +++ b/css3-animations/Overview.src.html	Wed Mar 28 22:14:48 2012 -0700
     1.3 @@ -731,7 +731,7 @@
     1.4          The <code class="property">'animation-direction'</code> Property
     1.5        </h3>
     1.6        <p>
     1.7 -        The <code class="property">'animation-direction'</code> property defines whether or not the animation should play in reverse on alternate cycles. If <code class="css">alternate</code> is specified, the animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction. When an animation is played in reverse the timing functions are also reversed. For example, when played in reverse an ease-in animation would appear to be an ease-out animation.
     1.8 +        The <code class="property">'animation-direction'</code> property defines whether or not the animation should play in reverse on some or all cycles.  When an animation is played in reverse the timing functions are also reversed. For example, when played in reverse an ease-in animation would appear to be an ease-out animation.
     1.9        </p>
    1.10        <table class="propdef">
    1.11          <tbody>
    1.12 @@ -748,7 +748,7 @@
    1.13                <em>Value:</em>
    1.14              </td>
    1.15              <td>
    1.16 -              normal | alternate [, [ normal | alternate ] ]*
    1.17 +              normal | reverse | alternate | alternate-reverse [, [ normal | reverse | alternate | alternate-reverse ] ]*
    1.18              </td>
    1.19            </tr>
    1.20            <tr>
    1.21 @@ -800,7 +800,18 @@
    1.22              </td>
    1.23            </tr>
    1.24          </tbody>
    1.25 -      </table><!-- ======================================================================================================= -->
    1.26 +      </table>
    1.27 +      <dl>
    1.28 +        <dt>normal</dt>
    1.29 +          <dd>All iterations of the animation are played as specified.</dd>
    1.30 +        <dt>reverse</dt>
    1.31 +          <dd>All iterations of the animation are played in the reverse direction from the way they were specified.</dd>
    1.32 +        <dt>alternate</dt>
    1.33 +          <dd>The animation cycle iterations that are odd counts are played in the normal direction, and the animation cycle iterations that are even counts are played in a reverse direction.</dd>
    1.34 +        <dt>alternate-reverse</dt>
    1.35 +          <dd>The animation cycle iterations that are odd counts are played in the reverse direction, and the animation cycle iterations that are even counts are played in a normal direction.</dd>
    1.36 +      </dl>
    1.37 +      <!-- ======================================================================================================= -->
    1.38        <h3>
    1.39          The <code class="property">'animation-play-state'</code> Property
    1.40        </h3>
    1.41 @@ -1607,6 +1618,13 @@
    1.42            </dd>
    1.43          </dl>
    1.44  
    1.45 +<h2 id="acknowledgments">Acknowledgments</h2>
    1.46 +
    1.47 +<p>Thanks especially to the feedback from
    1.48 +Estelle Weyl
    1.49 +and all the rest of the
    1.50 +<a href="http://lists.w3.org/Archives/Public/www-style/">www-style</a> community.</p>
    1.51 +
    1.52  <h2>References</h2>
    1.53  
    1.54  <h3 class="no-num">Normative references</h3>

mercurial