Animations

- describe that animations with a 0 duration still respect fill mode, delay
  and fire events.

Author: grorg

css3-animations/ChangeLog

@@ -10,6 +10,8 @@ Changes from David Baron's feedback
 - animation-name is the dominant property for lists. Every other property
   repeats to fill whatever animation-name requires.
 - insertRule is now appendRule (always appends, does not replace)
+- describe that animations with a 0 duration still respect fill mode, delay
+  and fire events.
 
 2011-03-21 simon.fraser@apple.com
 

css3-animations/Overview.html

@@ -639,10 +639,14 @@ <h3 id=the-animation-duration-property-><span class=secno>3.3. </span> The
   </table>
 
   <p> By default the value is &lsquo;<code class=css>0</code>&rsquo;, meaning
-   that the animation cycle is immediate (i.e. there will be no animation). A
-   negative value for <a class=prop-name
-   href="#animation-duration">animation-duration</a> is treated as
-   &lsquo;<code class=css>0</code>&rsquo;.</p>
+   that the animation cycle is immediate. A negative value for <a
+   class=prop-name href="#animation-duration">animation-duration</a> is
+   treated as &lsquo;<code class=css>0</code>&rsquo;. In this case <a
+   class=prop-name href="#animation-fill-mode">animation-fill-mode</a> still
+   applies, so an animation that fills backwards will show the value of the
+   0% keyframe during any delay period, and an animation that fill forwards
+   will retain the value specified at the 100% keyframe, even if the
+   animation was instantaneous. Also, animation events are still fired.</p>
   <!-- ======================================================================================================= -->
 
   <h3 id="animation-timing-function_tag"><span class=secno>3.4. </span> The

css3-animations/Overview.src.html

@@ -545,7 +545,14 @@ <h3>
       </table>
 
       <p>
-        By default the value is '0', meaning that the animation cycle is immediate (i.e. there will be no animation). A negative value for <span class="prop-name">animation-duration</span> is treated as '0'.
+        By default the value is '0', meaning that the animation cycle is
+        immediate. A negative value for <span
+        class="prop-name">animation-duration</span> is treated as '0'. In this
+        case <span class="prop-name">animation-fill-mode</span> still applies,
+        so an animation that fills backwards will show the value of the 0%
+        keyframe during any delay period, and an animation that fill forwards
+        will retain the value specified at the 100% keyframe, even if the
+        animation was instantaneous. Also, animation events are still fired.
       </p>
 
       <!-- ======================================================================================================= -->