[css-transforms-1] Attempt to address some of issue #909 by changing the example to talk about transforming coordinate systems, rather than moving the element.

Author: smfr

css-transforms-1/Overview.bs

@@ -206,7 +206,7 @@ The 'transform-origin' property moves the point of origin by 50 pixels in both t
   }
   </pre>
 
-This transform moves the element by 80 pixels in both the X and Y directions, then scales the element by 150%, then rotates it 45&deg; clockwise about the Z axis. Note that the scale and rotation operate about the center of the element, since the element has the default transform-origin of ''50% 50%''.
+This transformation translates the local coordinate system by 80 pixels in both the X and Y directions, then applies a 150% scale, then a 45&deg; clockwise rotation about the Z axis. The impact on the rendering of the element can be intepreted as an application of these transforms in reverse order: the elements is rotated, then scaled, then translated.
 
   <div class="figure">
     <img src="examples/compound_transform.svg" alt="The transform specified above" width="270" height="270">
@@ -239,7 +239,7 @@ Note: If the root element is transformed, the transformation applies to the enti
 The 'transform' Property {#transform-property}
 ==============================================
 
-A transformation is applied to the coordinate system an element renders in through the 'transform' property. This property contains a list of <a href="#transform-functions">transform functions</a>. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix like defined in <a href="#mathematical-description">Mathematical Description of Transform Functions</a>, then multiplying the matrices.
+A transformation is applied to the coordinate system an element renders into through the 'transform' property. This property contains a list of <a href="#transform-functions">transform functions</a>. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix like defined in <a href="#mathematical-description">Mathematical Description of Transform Functions</a>, then multiplying the matrices.
 
 <pre class='propdef'>
 Name: transform
@@ -609,9 +609,9 @@ A percentage for vertical translations is relative to the height of the [=refere
 2D Transform Functions {#two-d-transform-functions}
 ----------------------
 
-<dl dfn-for=transform dfn-type=value>>
+<dl dfn-for=transform dfn-type=value>
 	: <span class='prod'><dfn>matrix()</dfn> = matrix( <<number>> [, <<number>> ]{5,5} )</span>
-	:: specifies a 2D transformation in the form of a <a href="#MatrixDefined">transformation matrix</a> of the six values a-f.
+	:: specifies a 2D transformation in the form of a <a href="#MatrixDefined">transformation matrix</a> of the six values a, b, c, d, e, f.
 
 	: <span class='prod'><dfn>translate()</dfn> = translate( <<length-percentage>> [, <<length-percentage>> ]? )</span>
 	:: specifies a <a href="#TranslateDefined">2D translation</a> by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter. If <em>&lt;ty></em> is not provided, ty has zero as a value.