2011-07-24 dino@apple.com

- Inverted range of visibility property (Sylvain feedback 28 April)
- Zero times now have the unit specifier (dbaron feedback 11 April)
- Lists repeat if possible in transitions (Sylvain feedback 7 April)
  Also, removed "space-separated" from that section. Lists can be
  comma-separated too.

Author: grorg

css3-transitions/ChangeLog

@@ -1,3 +1,11 @@
+2011-07-24 dino@apple.com
+
+- Inverted range of visibility property (Sylvain feedback 28 April)
+- Zero times now have the unit specifier (dbaron feedback 11 April)
+- Lists repeat if possible in transitions (Sylvain feedback 7 April)
+  Also, removed "space-separated" from that section. Lists can be
+  comma-separated too.
+
 2011-04-05 dino@apple.com
 
 - change shorthand transition description to say that *any* transitionable

css3-transitions/Overview.html

@@ -29,14 +29,14 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 June 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 July 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110603/">
+    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110725/">
      http://dev.w3.org/csswg/css3-transitions/</a>
-     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110603-->
+     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110725-->
 
     <dt>Latest version:
 
@@ -365,16 +365,6 @@ <h3 id=the-transition-property-property-><span class=secno>2.1. </span> The
    undergo a transition will do so. Otherwise, a list of properties to be
    transitioned is given.
 
-  <div class=issue> We need to generate a list of properties that can be
-   transitioned.</div>
-
-  <div class=issue> Is "none" even a useful value if the initial value is
-   "all"? The syntax is more elegant if transition-duration defaults to 0 and
-   this property defaults to "all", but another option is to default this
-   property to "none" and duration to something reasonable, e.g., 250ms. This
-   would force an author to specify transition-property in the shorthand all
-   the time though.</div>
-
   <p> If one of the identifiers listed is not a recognized property name or
    is not an animatable property, the implementation must still start
    transitions on the animatable properties in the list using the duration,
@@ -430,7 +420,7 @@ <h3 id=the-transition-duration-property-><span class=secno>2.2. </span> The
     <tr>
      <td> <em>Initial:</em>
 
-     <td> 0
+     <td> 0s
 
     <tr>
      <td> <em>Applies&nbsp;to:</em>
@@ -460,10 +450,10 @@ <h3 id=the-transition-duration-property-><span class=secno>2.2. </span> The
 
   <p> This property specifies how long the transition from the old value to
    the new value should take. By default the value is &lsquo;<code
-   class=css>0</code>&rsquo;, meaning that the transition is immediate (i.e.
+   class=css>0s</code>&rsquo;, meaning that the transition is immediate (i.e.
    there will be no animation). A negative value for <a class=prop-name
    href="#transition-duration">transition-duration</a> is treated as
-   &lsquo;<code class=css>0</code>&rsquo;.</p>
+   &lsquo;<code class=css>0s</code>&rsquo;.</p>
   <!-- =======================================================================================================   
         -->
 
@@ -649,7 +639,7 @@ <h3 id=the-transition-delay-property-><span class=secno>2.4. </span> The
    some some period of time from when it is applied. A <span
    class=prop-name>&lsquo;<a href="#transition-delay"><code
    class=property>transition-delay</code></a>&rsquo;</span> value of
-   &lsquo;<code class=css>0</code>&rsquo; means the transition will execute
+   &lsquo;<code class=css>0s</code>&rsquo; means the transition will execute
    as soon as the property is changed. Otherwise, the value specifies an
    offset from the moment the property is changed, and the transition will
    delay execution by that offset.
@@ -680,7 +670,7 @@ <h3 id=the-transition-delay-property-><span class=secno>2.4. </span> The
     <tr>
      <td> <em>Initial:</em>
 
-     <td> 0
+     <td> 0s
 
     <tr>
      <td> <em>Applies&nbsp;to:</em>
@@ -1088,8 +1078,8 @@ <h2 id=animation-of-property-types-><span class=secno>6. </span> Animation
     height components (treating each as a number).
 
    <li> <strong>visibility</strong>: interpolated via a discrete step. The
-    interpolation happens in real number space between 0 and 1, where 1 is
-    "visible" and all other values are "hidden".
+    interpolation happens in real number space between 0 and 1, where 0 is
+    "hidden" and all other values are "visible".
 
    <li> <strong>shadow</strong>: interpolated via the color, x, y and blur
     components (treating them as color and numbers where appropriate). In the
@@ -1108,13 +1098,16 @@ <h2 id=animation-of-property-types-><span class=secno>6. </span> Animation
     between: gradient to gradient and color to color. They then work as
     above.
 
-   <li> <strong>space-separated list of above</strong>: If the lists have the
-    same number of items, each item in the list is interpolated using the
-    rules above. Otherwise, no interpolation (unless stated otherwise above).
-    <span class=issue>For lists that represent a list of things to be cycled
-    through (e.g., stroke-dasharray), it is straightforward to interpolate
-    between lists of different lengths by repeating the two lists out to the
-    least common multiple of their lengths.</span>
+   <li> <strong>list of above types</strong>: If the lists have the same
+    number of items, each item in the list is interpolated using the rules
+    above. Otherwise the interpolation is determined by the property rules.
+    If the property extends its list by repeating values, then this repeated
+    form will be used in the interpolation (<span
+    class=prop-name>&lsquo;<code
+    class=property>background-position</code>&rsquo;</span> in an example of
+    a property that would transition between lists of different lengths). If
+    the property does not allow extending its list, then no interpolation
+    will occur.
 
    <li> <strong>a shorthand property</strong>: If any part of a shorthand can
     be animated, then interpolation is performed as if those animatable
@@ -1534,7 +1527,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>&lt;time&gt; [, &lt;time&gt;]*
 
-     <td>0
+     <td>0s
 
      <td>all elements, :before and :after pseudo elements
 
@@ -1550,7 +1543,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>&lt;time&gt; [, &lt;time&gt;]*
 
-     <td>0
+     <td>0s
 
      <td>all elements, :before and :after pseudo elements
 

css3-transitions/Overview.src.html

@@ -247,14 +247,6 @@ <h3>
         of properties to be transitioned is given.
       </p>
 
-      <div class="issue">
-        We need to generate a list of properties that can be transitioned.
-      </div>
-
-      <div class="issue">
-        Is "none" even a useful value if the initial value is "all"? The syntax is more elegant if transition-duration defaults to 0 and this property defaults to "all", but another option is to default this property to "none" and duration to something reasonable, e.g., 250ms. This would force an author to specify transition-property in the shorthand all the time though.
-      </div>
-
       <p>
         If one of the identifiers listed is not a recognized property
         name or is not an animatable property, the implementation must
@@ -313,7 +305,7 @@ <h3>
               <em>Initial:</em>
             </td>
             <td>
-              0
+              0s
             </td>
           </tr>
           <tr>
@@ -359,7 +351,7 @@ <h3>
         </tbody>
       </table>
       <p>
-        This property specifies how long the transition from the old value to the new value should take. By default the value is '0', meaning that the transition is immediate (i.e. there will be no animation). A negative value for <span class="prop-name">transition-duration</span> is treated as '0'.
+        This property specifies how long the transition from the old value to the new value should take. By default the value is '0s', meaning that the transition is immediate (i.e. there will be no animation). A negative value for <span class="prop-name">transition-duration</span> is treated as '0s'.
       </p>
 
       <!-- =======================================================================================================   
@@ -577,7 +569,7 @@ <h3>
         The <span class="prop-name">'transition-delay'</span> Property
       </h3>
       <p>
-        The <span class="prop-name">'transition-delay'</span> property defines when the transition will start. It allows a transition to begin execution some some period of time from when it is applied. A <span class="prop-name">'transition-delay'</span> value of '0' means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
+        The <span class="prop-name">'transition-delay'</span> property defines when the transition will start. It allows a transition to begin execution some some period of time from when it is applied. A <span class="prop-name">'transition-delay'</span> value of '0s' means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
       </p>
       <p>
         If the value for <span class="prop-name">'transition-delay'</span> is a negative time offset then the transition will execute the moment the property is changed, but will appear to have begun execution at the specified offset. That is, the transition will appear to begin part-way through its play cycle. In the case where a transition has implied starting values and a negative <span class="prop-name">'transition-delay'</span>, the starting values are taken from the moment the property is changed.
@@ -605,7 +597,7 @@ <h3>
               <em>Initial:</em>
             </td>
             <td>
-              0
+              0s
             </td>
           </tr>
           <tr>
@@ -1043,7 +1035,7 @@ <h2>
         <li>
           <strong>color</strong>: interpolated via red, green, blue and alpha
           components (treating each as a number, see below).
-          <div class=issue>Issue: Are the colors interpolated in
+          <div class="issue">Issue: Are the colors interpolated in
           premultiplied space or non-premultiplied space?</div>
         </li>
         <li>
@@ -1072,7 +1064,7 @@ <h2>
         <li>
           <strong>visibility</strong>: interpolated via a discrete
           step. The interpolation happens in real number space between 0 and 1,
-          where 1 is "visible" and all other values are "hidden".
+          where 0 is "hidden" and all other values are "visible".
         </li>
         <li>
           <strong>shadow</strong>: interpolated via the color, x, y
@@ -1094,15 +1086,15 @@ <h2>
           work as above.
         </li>
         <li>
-          <strong>space-separated list of above</strong>: If the lists
-          have the same number of items, each item in the list
-          is interpolated using the rules above. Otherwise, no
-          interpolation (unless stated otherwise above).
-          <span class="issue">For lists that represent a list of things
-          to be cycled through (e.g., stroke-dasharray), it is
-          straightforward to interpolate between lists of different
-          lengths by repeating the two lists out to the least common
-          multiple of their lengths.</span>
+          <strong>list of above types</strong>: If the lists have the
+          same number of items, each item in the list is interpolated using the
+          rules above. Otherwise the interpolation is determined by the property
+          rules. If the property extends its list by repeating values, then this
+          repeated form will be used in the interpolation (<span
+          class="prop-name">'background-position'</span> in an example of a
+          property that would transition between lists of different lengths). If
+          the property does not allow extending its list, then no interpolation
+          will occur.
         </li>
         <li>
           <strong>a shorthand property</strong>: If any part of a