Give an example in the 'Starting of transitions' section. The discussion in http://meyerweb.com/eric/thoughts/2011/03/24/inconsistent-transitions/ suggests an example is needed here.

Author: dbaron

css3-transitions/Overview.html

@@ -29,14 +29,14 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 26 March 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 27 March 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110326">
+    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110327">
      http://dev.w3.org/csswg/css3-transitions/</a>
-     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110326-->
+     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110327-->
 
     <dt>Latest version:
 
@@ -794,13 +794,33 @@ <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2>
    class=property>transition-timing-function</code></a>&rsquo;, and &lsquo;<a
    href="#transition-delay"><code
    class=property>transition-delay</code></a>&rsquo; properties at the time
-   the animatable property would first have its new computed value. Since
-   this specification does not define when computed values change, and thus
-   what changes to computed values are considered simultaneous, authors
-   should be aware that changing any of the transition properties a small
-   amount of time after making a change that might transition can result in
-   behavior that varies between implementations, since the changes might be
-   considered simultaneous in some implementations but not others.
+   the animatable property would first have its new computed value.
+
+  <div class=example>
+   <p style="display:none"> Example(s):</p>
+
+   <pre>li { transition: background-color linear 1s; background: blue; }
+li:hover { transition-duration: 2s; background-color: green; }</pre>
+
+   <p> When a list item with these style rules enters the :hover state, the
+    computed &lsquo;<a href="#transition-duration"><code
+    class=property>transition-duration</code></a>&rsquo; at the time that
+    &lsquo;<code class=property>background-color</code>&rsquo; would have its
+    new value (&lsquo;<code class=property>green</code>&rsquo;) is
+    &lsquo;<code class=css>2s</code>&rsquo;, so the transition from
+    &lsquo;<code class=property>blue</code>&rsquo; to &lsquo;<code
+    class=property>green</code>&rsquo; takes 2 seconds. However, when the
+    list item leaves the :hover state, the transition from &lsquo;<code
+    class=property>green</code>&rsquo; to &lsquo;<code
+    class=property>blue</code>&rsquo; takes 1 second.</p>
+  </div>
+
+  <p> Since this specification does not define when computed values change,
+   and thus what changes to computed values are considered simultaneous,
+   authors should be aware that changing any of the transition properties a
+   small amount of time after making a change that might transition can
+   result in behavior that varies between implementations, since the changes
+   might be considered simultaneous in some implementations but not others.
 
   <p class=note>Say something about simulaneity
 

css3-transitions/Overview.src.html

@@ -743,7 +743,25 @@ <h2 id="starting">
         the values of the 'transition-property', 'transition-duration',
         'transition-timing-function', and 'transition-delay' properties
         at the time the animatable property would first have its new
-        computed value.  Since this specification does not define
+        computed value.
+      </p>
+      <div class="example">
+        <p style="display:none">
+          Example(s):
+        </p>
+        <pre>li { transition: background-color linear 1s; background: blue; }
+li:hover { transition-duration: 2s; background-color: green; }</pre>
+        <p>
+          When a list item with these style rules enters the :hover
+          state, the computed 'transition-duration' at the time that
+          'background-color' would have its new value ('green') is '2s',
+          so the transition from 'blue' to 'green' takes 2 seconds.
+          However, when the list item leaves the :hover state, the
+          transition from 'green' to 'blue' takes 1 second.
+        </p>
+      </div>
+      <p>
+        Since this specification does not define
         when computed values change, and thus what changes to
         computed values are considered simultaneous,
         authors should be aware that changing any of the transition