[css-transforms-1] Fix example 5

Fixes #5520 :
Order of things happening in the example was reversed

Author: mclegrand

css-transforms-1/Overview.bs

@@ -289,11 +289,11 @@ The 'transform-origin' property moves the point of origin by 50 pixels in both t
   }
   </code></pre>
 
-The visual appareance is as if the <a element>div</a> element gets translated by 80px to the bottom left direction, then scaled up by 150% and finally rotated by 45&deg;.
+The visual appareance is as if the <a element>div</a> element gets rotated by 45&deg;, then scaled up by 150%, and finally translated by 80px to the bottom left direction.
 
-Each <<transform-function>> can get represented by a corresponding 4x4 matrix. To map a point from the coordinate space of the <a element>div</a> box to the coordinate space of the parent element, these transforms get multiplied in the reverse order:
-1. The rotation matrix gets <a>post-multiplied</a> by the scale matrix.
-2. The result of the previous multiplication is then <a>post-multiplied</a> by the translation matrix to create the accumulated transformation matrix.
+Each <<transform-function>> can get represented by a corresponding 4x4 matrix. To map a point from the coordinate space of the <a element>div</a> box to the coordinate space of the parent element, these transforms get multiplied:
+1. The rotation matrix gets <a>pre-multiplied</a> by the scale matrix.
+2. The result of the previous multiplication is then <a>pre-multiplied</a> by the translation matrix to create the accumulated transformation matrix.
 3. Finally, the point to map gets <a>pre-multiplied</a> with the accumulated transformation matrix.
 
 For more details see <a href="#transform-function-lists">The Transform Function Lists</a>.