2011-04-05 dino@apple.com

- change shorthand transition description to say that *any* transitionable
  property will move
- steps() takes an integer >= 1
- cubic bezier timing function can take control points with y
  values outside [0,1]

Author: grorg

css3-transitions/ChangeLog

@@ -1,3 +1,11 @@
+2011-04-05 dino@apple.com
+
+- change shorthand transition description to say that *any* transitionable
+  property will move
+- steps() takes an integer >= 1
+- cubic bezier timing function can take control points with y
+  values outside [0,1]
+
 2011-03-21 simon.fraser@apple.com
 
  - Removed "Module Level 3" from the title.

css3-transitions/Overview.html

@@ -29,14 +29,14 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 27 March 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 5 April 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110327">
+    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110405">
      http://dev.w3.org/csswg/css3-transitions/</a>
-     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110327-->
+     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110405-->
 
     <dt>Latest version:
 
@@ -543,7 +543,7 @@ <h3 id="transition-timing-function_tag"><span class=secno>2.3. </span> The
      <td> <em>Value:</em>
 
      <td> ease | linear | ease-in | ease-out | ease-in-out | step-start |
-      step-end | steps(&lt;number&gt;[, start | end ]) |
+      step-end | steps(&lt;integer&gt;[, start | end ]) |
       cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;,
       &lt;number&gt;) [, ease | linear | ease-in | ease-out | ease-in-out |
       step-start | step-end | steps(&lt;number&gt;[, start | end ]) |
@@ -621,8 +621,9 @@ <h3 id="transition-timing-function_tag"><span class=secno>2.3. </span> The
 
    <dd> Specifies a stepping function, described above, taking two
     parameters. The first parameter specifies the number of intervals in the
-    function. The second parameter, which is optional, is either the value
-    &lsquo;<code class=property>start</code>&rsquo; or &lsquo;<code
+    function. It must be a positive integer (greater than 0). The second
+    parameter, which is optional, is either the value &lsquo;<code
+    class=property>start</code>&rsquo; or &lsquo;<code
     class=property>end</code>&rsquo;, and specifies the point at which the
     change of values occur within the interval. If the second parameter is
     omitted, it is given the value &lsquo;<code
@@ -633,8 +634,8 @@ <h3 id="transition-timing-function_tag"><span class=secno>2.3. </span> The
    <dd> Specifies a <a
     href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve">cubic-bezier
     curve</a>. The four values specify points P<sub>1</sub> and P<sub>2</sub>
-    of the curve as (x1, y1, x2, y2). All values must be in the range [0, 1]
-    or the definition is invalid.
+    of the curve as (x1, y1, x2, y2). Both x values must be in the range [0,
+    1] or the definition is invalid. The y values can exceed this range.
   </dl>
   <!-- ======================================================================================================= -->
 
@@ -1109,9 +1110,9 @@ <h2 id=animation-of-property-types-><span class=secno>6. </span> Animation
     rules above. Otherwise, no interpolation (unless stated otherwise above).
 
 
-   <li> <strong>a shorthand property</strong>: If all the parts of a
-    shorthand can be animated, then interpolation is performed as if each
-    property was individually specified.
+   <li> <strong>a shorthand property</strong>: If any part of a shorthand can
+    be animated, then interpolation is performed as if those animatable
+    properties were individually specified.
   </ul>
 
   <h2 id=animatable-properties-><span class=secno>7. </span> Animatable
@@ -1552,7 +1553,7 @@ <h2 class=no-num id=property-index>Property index</h2>
       href="#transition-timing-function">transition-timing-function</a>
 
      <td>ease | linear | ease-in | ease-out | ease-in-out | step-start |
-      step-end | steps(&lt;number&gt;[, start | end ]) |
+      step-end | steps(&lt;integer&gt;[, start | end ]) |
       cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;,
       &lt;number&gt;) [, ease | linear | ease-in | ease-out | ease-in-out |
       step-start | step-end | steps(&lt;number&gt;[, start | end ]) |

css3-transitions/Overview.src.html

@@ -450,7 +450,7 @@ <h3 id="transition-timing-function_tag">
               <em>Value:</em>
             </td>
             <td>
-              ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(&lt;number&gt;[, start | end ]) | cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;, &lt;number&gt;) [, ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(&lt;number&gt;[, start | end ]) | cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;, &lt;number&gt;)]*
+              ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(&lt;integer&gt;[, start | end ]) | cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;, &lt;number&gt;) [, ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(&lt;number&gt;[, start | end ]) | cubic-bezier(&lt;number&gt;, &lt;number&gt;, &lt;number&gt;, &lt;number&gt;)]*
             </td>
           </tr>
           <tr>
@@ -555,7 +555,8 @@ <h3 id="transition-timing-function_tag">
         <dd>
           Specifies a stepping function, described above, taking two
           parameters. The first parameter specifies the number of intervals
-          in the function. The second parameter, which is optional, is
+          in the function. It must be a positive integer (greater than 0).
+          The second parameter, which is optional, is
           either the value 'start' or 'end', and specifies the point
           at which the change of values occur within the interval.
           If the second parameter is omitted, it is given the value 'end'.
@@ -567,8 +568,9 @@ <h3 id="transition-timing-function_tag">
           Specifies a <a
           href="http://en.wikipedia.org/wiki/B%C3%A9zier_curve">cubic-bezier
           curve</a>. The four values specify points P<sub>1</sub> and
-          P<sub>2</sub> of the curve as (x1, y1, x2, y2). All values must be
-          in the range [0, 1] or the definition is invalid.
+          P<sub>2</sub> of the curve as (x1, y1, x2, y2). Both x values must be
+          in the range [0, 1] or the definition is invalid. The y values can
+          exceed this range.
         </dd>
       </dl><!-- ======================================================================================================= -->
       <h3>
@@ -1096,9 +1098,9 @@ <h2>
           interpolation (unless stated otherwise above).
         </li>
         <li>
-          <strong>a shorthand property</strong>: If all the parts of a 
+          <strong>a shorthand property</strong>: If any part of a
           shorthand can be animated, then interpolation is performed as
-          if each property was individually specified.
+          if those animatable properties were individually specified.
         </li>
       </ul>