[css-transforms] Add a couple of minor issues and do some minor editorial work.

Author: smfr

css-transforms/ChangeLog

@@ -1,3 +1,8 @@
+2013-06-16  Simon Fraser  <simon.fraser@apple.com>
+    Add an ISSUE to fix some non-normative text related to background-visibility.
+    Add an ISSUE for an example that doesn't match WebKit rendering.
+    Tidy up some note text about transform interpolation.
+
 2013-05-20  Dirk Schulze  <dschulze@adobe.com>
     Add note about module interaction with CSSOM-VIEW.
 

css-transforms/Overview.html

@@ -12,7 +12,7 @@
    rel=dcterms.rights>
   <meta content="CSS Transforms" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-05-20 name=dcterms.date>
+  <meta content=2013-06-17 name=dcterms.date>
   <meta content="Simon Fraser" name=dcterms.creator>
   <meta content="Dean Jackson" name=dcterms.creator>
   <meta content="Edward O'Connor" name=dcterms.creator>
@@ -35,14 +35,14 @@
 
    <h1>CSS Transforms Level 1</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 May 2013</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 June 2013</h2>
 
    <dl>
     <dt>This version:
 
     <dd> <a
      href="http://dev.w3.org/csswg/css3-transforms/">http://dev.w3.org/csswg/css3-transforms/</a>
-     <!--http://www.w3.org/TR/2013/WD-css3-transforms-20130520/-->
+     <!--http://www.w3.org/TR/2013/WD-css3-transforms-20130617/-->
 
     <dt>Latest version:
 
@@ -1171,6 +1171,11 @@ <h3 id=transform-3d-rendering><span class=secno>6.1. </span>3D Transform
    its front and reverse sides were alternately visible, then it would only
    be visible when the front side were towards the viewer.
 
+  <div class=issue>
+   <p class=desc> This wording needs clarification; backface-visibility works
+    per-3D rendering context, not relative to the root.
+  </div>
+
   <h3 id=processing-of-perspective-transformed-boxes><span class=secno>6.2.
    </span> Processing of Perspective-Transformed Boxes</h3>
 
@@ -1271,6 +1276,11 @@ <h3 id=processing-of-perspective-transformed-boxes><span class=secno>6.2.
     infinite, the user can still scroll to the edges to see the blue parts.
   </div>
 
+  <div class=issue>
+   <p class=desc> WebKit doesn't render this box unless the translateZ() is
+    &lt; 50px.
+  </div>
+
   <div class=example>
    <pre>&lt;style&gt;
 .transformed {
@@ -3017,7 +3027,7 @@ <h2 id=interpolation-of-transform-functions><span class=secno>19. </span>
    and interpolated as defined in section <a
    href="#matrix-interpolation">Interpolation of Matrices</a> afterwards.
 
-  <p> For interpolatations with the primitive ‘<code
+  <p> For interpolations with the primitive ‘<code
    class=css>rotate3d</code>’, the direction vectors of the transform
    functions get normalized first. If the normalized vectors are equal, the
    rotation angle gets interpolated numerically. Otherwise the transform
@@ -3041,10 +3051,10 @@ <h2 id=matrix-interpolation><span class=secno>20. </span> Interpolation of
 
   <div class=note>
    <p> In the following example the element gets translated by 100 pixel in
-    both the X and Y directions and rotated by 1170 degree on hovering. The
-    initial transformation is 45 degree. With the usage of transition, an
-    author might expect a animated, clockwise rotation by three and a quarter
-    turn (1170 degree).
+    both the X and Y directions and rotated by 1170° on hovering. The
+    initial transformation is 45°. With the usage of transition, an author
+    might expect a animated, clockwise rotation by three and a quarter turns
+    (1170°).
 
    <pre>
 &lt;style&gt;
@@ -3067,13 +3077,13 @@ <h2 id=matrix-interpolation><span class=secno>20. </span> Interpolation of
     both transforms must be interpolated by matrix interpolation. With
     converting the transformation functions to matrices, the information
     about the three turns gets lost and the element gets rotated by just a
-    quarter turn (90 degree).
+    quarter turn (90°).
 
    <p> To achieve the three and a quarter turns for the example above, source
     and destination transforms must fulfill the third rule of <a
     href="#animation">Interpolation of Transforms</a>. Source transform could
     look like ‘<code class=css>translate(0, 0) rotate(45deg)</code>’ for
-    a linearly interpolation of the transform functions.
+    a linear interpolation of the transform functions.
   </div>
 
   <p> If one of the matrices for interpolation is non-invertible, the used

css-transforms/Transforms.src.html

@@ -808,6 +808,11 @@ <h3 id="transform-3d-rendering">3D Transform Rendering</h3>
                 such that its front and reverse sides were alternately visible, then it would only be visible when the
                 front side were towards the viewer.
               </p>
+              <div class="issue">
+                <p class="desc">
+                  This wording needs clarification; backface-visibility works per-3D rendering context, not relative to the root.
+                </p>
+              </div>
 
               <h3 id="processing-of-perspective-transformed-boxes">
                 Processing of Perspective-Transformed Boxes
@@ -922,7 +927,6 @@ <h3 id="processing-of-perspective-transformed-boxes">
                   center of the box, which is yellow, the screen will be filled
                   with yellow.
                 </p>
-
                 <p>
                   Mathematically, the point (<var>x</var>, <var>y</var>) first
                   becomes (<var>x</var>, <var>y</var>, 0, 1), then is translated
@@ -940,6 +944,11 @@ <h3 id="processing-of-perspective-transformed-boxes">
                   to see the blue parts.
                 </p>
               </div>
+              <div class="issue">
+                <p class="desc">
+                  WebKit doesn't render this box unless the translateZ() is &lt; 50px.
+                </p>
+              </div>
 
               <div class="example">
 <pre>&lt;style&gt;
@@ -2804,7 +2813,7 @@ <h2 id="interpolation-of-transform-functions">
               </p>
 
               <p>
-                For interpolatations with the primitive ''rotate3d'', the direction vectors of the
+                For interpolations with the primitive ''rotate3d'', the direction vectors of the
                 transform functions get normalized first. If the
                 normalized vectors are equal, the rotation angle gets interpolated numerically.
                 Otherwise the transform functions get converted into 4x4 matrices first and
@@ -2831,9 +2840,9 @@ <h2 id="matrix-interpolation">
               <div class="note">
                 <p>
                   In the following example the element gets translated by 100 pixel in both the X
-                  and Y directions and rotated by 1170 degree on hovering. The initial
-                  transformation is 45 degree. With the usage of transition, an author might expect
-                  a animated, clockwise rotation by three and a quarter turn (1170 degree).
+                  and Y directions and rotated by 1170&deg; on hovering. The initial
+                  transformation is 45&deg;. With the usage of transition, an author might expect
+                  a animated, clockwise rotation by three and a quarter turns (1170&deg;).
                 </p>
 
                 <pre>
@@ -2856,15 +2865,14 @@ <h2 id="matrix-interpolation">
                   According to the last rule of <a href="#animation">Interpolation of
                   Transforms</a>, both transforms must be interpolated by matrix interpolation.
                   With converting the transformation functions to matrices, the information about
-                  the three turns gets lost and the element gets rotated by just a quarter turn (90
-                  degree).
+                  the three turns gets lost and the element gets rotated by just a quarter turn (90&deg;).
                 </p>
 
                 <p>
                   To achieve the three and a quarter turns for the example above, source and
                   destination transforms must fulfill the third rule of <a
                   href="#animation">Interpolation of Transforms</a>. Source transform could look
-                  like ''translate(0, 0) rotate(45deg)'' for a linearly interpolation of 
+                  like ''translate(0, 0) rotate(45deg)'' for a linear interpolation of 
                   the transform functions.
                 </p>
               </div>