Merge pull request w3c#3246 from birtles/fix-transforms-2-order

[css-transforms-2] Fix order of interpolation/addition sections

Author: tabatkins

css-transforms-2/Overview.bs

@@ -870,6 +870,11 @@ Some transform functions can be represented by more generic transform functions.
   For derived transform functions that have a two-dimensional primitive and a three-dimensional primitive, the context decides about the used primitive. See <a href="#interpolation-of-transform-functions">Interpolation of primitives and derived transform functions</a>.
 
 
+Interpolation of Matrices {#matrix-interpolation}
+=================================================
+
+When interpolating between two matrices, each matrix is decomposed into the corresponding translation, rotation, scale, skew and (for a <a>3D matrix</a>) perspective values. Each corresponding component of the decomposed matrices gets interpolated numerically and recomposed back to a matrix in a final step.
+
 Interpolation of 3D matrices {#interpolation-of-3d-matrices}
 ----------------------------
 
@@ -1090,18 +1095,6 @@ for (i = 0; i < 3; i++)
 
 return</pre>
 
-Interpolation of Matrices {#matrix-interpolation}
-=================================================
-
-When interpolating between two matrices, each matrix is decomposed into the corresponding translation, rotation, scale, skew and (for a <a>3D matrix</a>) perspective values. Each corresponding component of the decomposed matrices gets interpolated numerically and recomposed back to a matrix in a final step.
-
-Neutral element for addition {#neutral-element}
-----------------------------
-
-Some animations require a neutral element for addition. For transform functions this is a scalar or a list of scalars of 0. Examples of neutral elements for transform functions are ''translate(0)'', ''translate3d(0, 0, 0)'', ''translateX(0)'', ''translateY(0)'', ''translateZ(0)'', ''scale(0)'', ''scaleX(0)'', ''scaleY(0)'', ''scaleZ(0)'', ''rotate(0)'', ''rotate3d(v<sub>x</sub>, v<sub>y</sub>, v<sub>z</sub>, 0)'' (where <var ignore>v</var> is a context dependent vector), ''rotateX(0)'', ''rotateY(0)'', ''rotateZ(0)'', ''skew(0, 0)'', ''skewX(0)'', ''skewY(0)'', ''matrix(0, 0, 0, 0, 0, 0)'', ''matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0)'' and ''perspective(0)''.
-
-Note: Animations to or from the neutral element of additions <<matrix()>>, ''matrix3d()'' and ''perspective()'' fall back to discrete animations (See [[#matrix-interpolation]]).
-
 
 Interpolation of primitives and derived transform functions {#interpolation-of-transform-functions}
 ===================================================================================================
@@ -1179,6 +1172,13 @@ Addition and accumulation of transform lists {#combining-transform-lists}
   </div>
 </div>
 
+Neutral element for addition {#neutral-element}
+----------------------------
+
+Some animations require a neutral element for addition. For transform functions this is a scalar or a list of scalars of 0. Examples of neutral elements for transform functions are ''translate(0)'', ''translate3d(0, 0, 0)'', ''translateX(0)'', ''translateY(0)'', ''translateZ(0)'', ''scale(0)'', ''scaleX(0)'', ''scaleY(0)'', ''scaleZ(0)'', ''rotate(0)'', ''rotate3d(v<sub>x</sub>, v<sub>y</sub>, v<sub>z</sub>, 0)'' (where <var ignore>v</var> is a context dependent vector), ''rotateX(0)'', ''rotateY(0)'', ''rotateZ(0)'', ''skew(0, 0)'', ''skewX(0)'', ''skewY(0)'', ''matrix(0, 0, 0, 0, 0, 0)'', ''matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0)'' and ''perspective(0)''.
+
+Note: Animations to or from the neutral element of additions <<matrix()>>, ''matrix3d()'' and ''perspective()'' fall back to discrete animations (See [[#matrix-interpolation]]).
+
 
 Mathematical Description of Transform Functions {#mathematical-description}
 ===============================================