Also mention transform-origin (thanks to boblet).

Author: dbaron

css3-transitions/Overview.html

@@ -29,19 +29,20 @@
 
    <h1>CSS Transitions</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 July 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 19 December
+    2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20110725/">
+    <dd> <a href="http://www.w3.org/TR/2011/ED-css3-transitions-20111219/">
      http://dev.w3.org/csswg/css3-transitions/</a>
-     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20110725-->
+     <!--http://www.w3.org/TR/2011/WD-css3-transitions-20111219-->
 
     <dt>Latest version:
 
     <dd><a href="http://www.w3.org/TR/css3-transitions">
-     http://www.w3.org/TR/css3-transitions</a>
+     http://www.w3.org/TR/css3-transitions/</a>
 
     <dt>Previous version:
 
@@ -66,13 +67,13 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 July 2011</h2>
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
     rel=license>Copyright</a> &copy; 2011 <a
-    href="http://www.w3.org/"><acronym title="World Wide Web
-    Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
-    href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
-    of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym
-    title="European Research Consortium for Informatics and
-    Mathematics">ERCIM</acronym></a>, <a
-    href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+    href="http://www.w3.org/"><acronym
+    title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
+    href="http://www.csail.mit.edu/"><acronym
+    title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
+    href="http://www.ercim.eu/"><acronym
+    title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
+    <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
     <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>
@@ -484,16 +485,9 @@ <h3 id="transition-timing-function_tag"><span class=secno>2.3. </span> The
    output percentage happens at the start or end of the interval (in other
    words, if 0% on the input percentage is the point of initial change).
 
-  <div class=figure> <img alt="The step timing function splits the function
-   domain into a number of disjoint straight line segments. steps(1, start)
-   is a function whose output value is 1 for all input values. steps(1, end)
-   is a function whose output value is 0 for all input values less than 1,
-   and output is 1 for the input value of 1. steps(3, start) is a function
-   that divides the input domain into three segments, each 1/3 in length, and
-   1/3 above the previous segment, with the first segment starting at 1/3.
-   steps(3, end) is a function that divides the input domain into three
-   segments, each 1/3 in length, and 1/3 above the previous segment, with the
-   first segment starting at 0." src=step.png></div>
+  <div class=figure> <img
+   alt="The step timing function splits           the function domain into a number of disjoint straight line           segments. steps(1, start) is a function whose           output value is 1 for all input values. steps(1, end) is a function whose           output value is 0 for all input values less than 1, and output           is 1 for the input value of 1. steps(3, start) is a function that           divides the input domain into three segments, each 1/3 in length,           and 1/3 above the previous segment, with the first segment starting           at 1/3. steps(3, end) is a function that           divides the input domain into three segments, each 1/3 in length,           and 1/3 above the previous segment, with the first segment starting           at 0."
+   src=step.png></div>
 
   <p class=caption> Step timing functions
 
@@ -513,10 +507,8 @@ <h3 id="transition-timing-function_tag"><span class=secno>2.3. </span> The
    class=property>cubic-bezier</code>&rsquo;</span> function, P<sub>1</sub>
    and P<sub>2</sub> are each specified by both an X and Y value.
 
-  <div class=figure> <img alt="The bezier timing function is a smooth curve
-   from point P0 = (0,0) to point P3 = (1,1). The length and orientation of
-   the line segment P0-P1 determines the tangent and the curvature of the
-   curve at P0 and the line segment P2-P3 does the same at P3."
+  <div class=figure> <img
+   alt="The bezier timing function is a           smooth curve from point P0 = (0,0) to point P3 = (1,1). The           length and orientation of the line segment P0-P1 determines           the tangent and the curvature of the curve at P0 and the           line segment P2-P3 does the same at P3."
    src=TimingFunction.png></div>
 
   <p class=caption> Bezier Timing Function Control Points
@@ -1388,7 +1380,7 @@ <h3 id=properties-from-css-><span class=secno>7.1. </span> Properties from
    animate, and which likely should be included: background-size,
    border-*-radius, box-shadow, column-count, column-gap, column-rule-color,
    column-rule-width, column-width, font-size-adjust, font-stretch,
-   marker-offset, text-decoration-color, transform.
+   marker-offset, text-decoration-color, transform, transform-origin.
 
   <h3 id=properties-from-svg-><span class=secno>7.2. </span> Properties from
    SVG</h3>
@@ -1470,10 +1462,10 @@ <h3 class=no-num id=other-references>Other references</h3>
    <dt id=CSS3-IMAGES>[CSS3-IMAGES]
 
    <dd>Elika J. Etemad; Tab Atkins Jr. <a
-    href="http://www.w3.org/TR/2011/WD-css3-images-20110217/"><cite>CSS Image
-    Values and Replaced Content Module Level 3.</cite></a> 17 February 2011.
+    href="http://www.w3.org/TR/2011/WD-css3-images-20111206/"><cite>CSS Image
+    Values and Replaced Content Module Level 3.</cite></a> 6 December 2011.
     W3C Working Draft. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2011/WD-css3-images-20110217/">http://www.w3.org/TR/2011/WD-css3-images-20110217/</a>
+    href="http://www.w3.org/TR/2011/WD-css3-images-20111206/">http://www.w3.org/TR/2011/WD-css3-images-20111206/</a>
     </dd>
    <!---->
   </dl>
@@ -1501,7 +1493,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
    <tbody>
     <tr>
-     <td><a class=property href="#transition">transition</a>
+     <th><a class=property href="#transition">transition</a>
 
      <td>[&lt;&lsquo;transition-property&rsquo;&gt; ||
       &lt;&lsquo;transition-duration&rsquo;&gt; ||
@@ -1523,7 +1515,7 @@ <h2 class=no-num id=property-index>Property index</h2>
      <td>interactive
 
     <tr>
-     <td><a class=property href="#transition-delay">transition-delay</a>
+     <th><a class=property href="#transition-delay">transition-delay</a>
 
      <td>&lt;time&gt; [, &lt;time&gt;]*
 
@@ -1538,7 +1530,7 @@ <h2 class=no-num id=property-index>Property index</h2>
      <td>interactive
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#transition-duration">transition-duration</a>
 
      <td>&lt;time&gt; [, &lt;time&gt;]*
@@ -1554,7 +1546,7 @@ <h2 class=no-num id=property-index>Property index</h2>
      <td>interactive
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#transition-property">transition-property</a>
 
      <td>none | all | [ &lt;IDENT&gt; ] [ &lsquo;,&rsquo; &lt;IDENT&gt; ]*
@@ -1570,7 +1562,7 @@ <h2 class=no-num id=property-index>Property index</h2>
      <td>visual
 
     <tr>
-     <td><a class=property
+     <th><a class=property
       href="#transition-timing-function">transition-timing-function</a>
 
      <td>ease | linear | ease-in | ease-out | ease-in-out | step-start |

css3-transitions/Overview.src.html

@@ -1290,7 +1290,8 @@ <h3>
   font-stretch,
   marker-offset,
   text-decoration-color,
-  transform.
+  transform,
+  transform-origin.
 </p>
 
      <h3>