Make the ordering of image(), 'image-orientation', and Transforms explicit.

Author: tabatkins

css3-images/Overview.html

@@ -2225,6 +2225,16 @@ <h3 id=image-orientation><span class=secno>6.2. </span> Orienting an Image
    rounded to -90deg), then moduloing the value by 1 turn (360deg, 400grad,
    etc.).
 
+  <p>If the image itself is transformed in some way (for example, if the
+   content of an element is provided by the &lsquo;<code
+   class=css>image()</code>&rsquo; function with a directionality opposite
+   the element's directionality), the image's transformation must be applied
+   before &lsquo;<a href="#image-orientation0"><code
+   class=property>image-orientation</code></a>&rsquo; is. As well, &lsquo;<a
+   href="#image-orientation0"><code
+   class=property>image-orientation</code></a>&rsquo; must be applied before
+   any further transformation of the element, such as through CSS Transforms.
+
   <p class=note>Note that in CSS, orientation data encoded in the image (e.g.
    EXIF data) is ignored. <span class=issue>Is this an issue? What do
    printers do?</span>

css3-images/Overview.src.html

@@ -1509,6 +1509,8 @@ <h3 id="image-orientation">
 	(that is, 45deg is rounded  to 90deg, while -45deg is rounded to -90deg), then
 	moduloing the value by 1 turn (360deg, 400grad, etc.).</p>
 
+	<p>If the image itself is transformed in some way (for example, if the content of an element is provided by the ''image()'' function with a directionality opposite the element's directionality), the image's transformation must be applied before 'image-orientation' is.  As well, 'image-orientation' must be applied before any further transformation of the element, such as through CSS Transforms.</p>
+
 	<p class="note">Note that in CSS, orientation data encoded in the image
 	(e.g. EXIF data) is ignored. <span class="issue">Is this an issue? What
 	do printers do?</span>