- 'This version' links to the current version of this specification instead of CSS3 2D Transforms now.

- Corrected typing errors in introduction.
- Mention three dimensional space in introduction.
- Added TODO for adding perspective transform in introduction.
- Added new section 'Definitions' for terms used in this document.
- Copied style setting for term descriptions from the 'Filter Effects 1.0' specification.
- Introduced new term 'transformable element' and added description to the 'Description' section.
- Added new section 'Changes' for changes to this document.

Author: dirkschulze

css3-transforms/Transforms.src.html

@@ -75,6 +75,22 @@
          font-size: 120%;
          color: red;
      }
+     
+     dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
+     dt { font-weight: bold }
+     
+     .todo {
+         font-weight: bold;
+         border-left: 0.5em solid #f44;
+         padding-left: 1em;
+         margin-top: 0.5em;
+         color: #a0a0a0;
+     }
+
+     .todo:before {
+         content: "TO DO : ";
+         color: #f44;
+     }
   </style>
 
 </head>
@@ -88,7 +104,7 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
         <dl>
           <dt>This version:
             <dd>
-            <a href="[VERSION]">http://dev.w3.org/csswg/css3-2d-transforms/</a>
+            <a href="[VERSION]">http://dev.w3.org/csswg/css3-transforms/</a>
             <!--http://www.w3.org/TR/[YEAR]/WD-[SHORTNAME]-[CDATE]-->
           <dt>Latest version:
             <dd><a
@@ -114,7 +130,7 @@ <h2 class="no-num no-toc" id="abstract">Abstract</h2>
         <strong>THIS IS A WORK IN PROGRESS AND NOT READY FOR REVIEW.</strong>
 
         <p>CSS transforms allows elements styled with CSS to be transformed
-          in two-dimensional or three=dimensional space. This specification is the convergence of the 
+          in two-dimensional or three-dimensional space. This specification is the convergence of the 
             <a href="http://www.w3.org/TR/css3-2d-transforms/">CSS 2D transforms</a>, 
           <a href="http://www.w3.org/TR/css3-3d-transforms/">CSS 3D transforms</a>
           and <a href="http://www.w3.org/TR/2009/WD-SVG-Transforms-20090320/">SVG transforms</a> 
@@ -145,10 +161,13 @@ <h2>Introduction</h2>
                 corner of the parent with positive values proceeding to the right and
                 down.
               </p>
+              <p class="todo">
+                Need to mention the perspective transform to give a sense of depth.
+              </p>
               <p>
                 This coordinate space can be modified with the <span
                 class="prop-name">'transform'</span> property. Using transform, elements
-                can be translated, rotated and scaled in two dimensional space.
+                can be translated, rotated and scaled in two or three dimensional space.
                 The coordinate space
                 behaves as described in the <a
                 href="http://www.w3.org/TR/SVG/coords.html#EstablishingANewUserSpace">coordinate
@@ -157,9 +176,7 @@ <h2>Introduction</h2>
                 the right; the Y axis increases vertically downwards.
               </p>
               <p>
-                Transforms apply to block-level and atomic inline-level
-                elements, but do not apply to elements which may be split into
-                multiple inline-level boxes.
+                Transforms apply to <a href="#TermTransformableElement">transformable elements</a>.
               </p>
               <p>
                 Specifying a value other than 'none' for the <span class="prop-name">'transform'</span>
@@ -185,10 +202,10 @@ <h2>Introduction</h2>
                 both a stacking context and a containing block. The object acts as a
                 containing block for fixed positioned descendants.
               </p>
-              <div class="todo">
+              <p class="todo">
                 Need to go into more detail here about why fixed positioned objects
                 should do this, i.e., that it's much harder to implement otherwise.
-              </div>
+              </p>
               <div class="issue">
                 There are two roles for transformations in layout: (1) transformations
                 that adjust the position of the affected content without changing the
@@ -212,6 +229,26 @@ <h2>Introduction</h2>
                 be acting as "porthole" through which the fixed background can be viewed
                 in its original form.
               </div><!-- ======================================================================================================= -->
+              <h2 id="definitions">
+                Definitions
+              </h2>
+              <p> When used in this specification, terms have the meanings assigned in
+                this section.
+              </p>
+              <dl>
+                <dt id="TermTransformableElement">
+                  <span class="termDefine">transformable element</span>
+                </dt>
+                <dd>
+                  <p>
+                    A transformable element can either be a block-level or atomic inline-level
+                    element, not splitted into multiple inline-level boxes,
+                    from the HTML namespace, or an element which has the attributes 'transform',
+                    'patternTransform' or 'gradientTransform' in the SVG namespace (see [[SVG11]]).
+                  </p>
+                </dd>
+              </dl>
+
               <h2 id="transform-property">
                 The <span class="prop-name">'transform'</span> Property
               </h2>
@@ -256,7 +293,7 @@ <h2 id="transform-property">
                       <em>Applies&nbsp;to:</em>
                     </td>
                     <td>
-                      block-level and atomic inline-level elements
+                      <a href="#TermTransformableElement">transformable elements</a>
                     </td>
                   </tr>
                   <tr>
@@ -400,7 +437,7 @@ <h2 id="transform-origin-property">
                       <em>Applies&nbsp;to:</em>
                     </td>
                     <td>
-                      block-level and atomic inline-level elements
+                      <a href="#TermTransformableElement">transformable element</a>
                     </td>
                   </tr>
                   <tr>
@@ -1195,7 +1232,39 @@ <h3 id="cssmatrix-interface">
                 representing the 3x2 matrix that is the result of applying the individual functions listed in the
                 <code>transform</code> property.
               </p>
-              
+
+
+        <h2 id="changes">Changes</h2>
+
+        <h3 id="changes_from_January_24_2012">
+          Changes from <a href="http://www.w3.org/TR/2012/WD-css3-transforms-20110124/">January 24<sup>th</sup> 2012</a> version
+        </h3>
+        <ul>
+          <li>
+            'This version' links to the current version of this specification instead of CSS3 2D Transforms now.
+          </li>
+          <li>
+            Corrected typing errors in introduction.
+          <li>
+            Mention three dimensional space in introduction.
+          </li>
+          <li>
+            Added TODO for adding perspective transform in introduction.
+          </li>
+          <li>
+            Added new section 'Definitions' for terms used in this document.
+          </li>
+          <li>
+            Copied style setting for term descriptions from the 'Filter Effects 1.0' specification.
+          </li>
+          <li>
+            Introduced new term 'transformable element' and added description to the 'Description' section.
+          </li>
+          <li>
+            Added new section 'Changes' for changes to this document.
+          </li>
+        </ul>
+
 
         <h2>References</h2>