Moved all example images into examples folder. Unify style of example images.

--HG--
rename : css3-transforms/compound_transform.png => css3-transforms/examples/compound_transform.png
rename : css3-transforms/origin1.svg => css3-transforms/examples/origin1.svg
rename : css3-transforms/transform1.png => css3-transforms/examples/transform1.png
rename : css3-transforms/transform2.png => css3-transforms/examples/transform2.png

Author: dirkschulze

css3-transforms/ChangeLog

@@ -1,3 +1,6 @@
+2012-04-26 dschulze@adobe.com
+    Moved all example images into examples folder. Unify style of example images.
+
 2012-04-26 dschulze@adobe.com
     Move section about SVG transform behind properties to keep reading fluency.
 

css3-transforms/Overview.html

@@ -584,8 +584,8 @@ <h2 id=transform-rendering><span class=secno>5. </span>The Transform
    <p>This transform moves the element by 100 pixels in both the X and Y
     directions.</p>
 
-   <div class=figure> <img alt="The 100px translation in X and Y"
-    src=transform1.png></div>
+   <div class=figure> <img alt="The 100px translation in X and Y" height=250
+    src="examples/translate1.svg" width=470></div>
   </div>
 
   <div class=example>
@@ -605,7 +605,7 @@ <h2 id=transform-rendering><span class=secno>5. </span>The Transform
     directions.</p>
 
    <div class=figure><img alt="The point of origin gets translated temporary"
-    height=250 src=origin1.svg width=735></div>
+    height=250 src="examples/origin1.svg" width=735></div>
   </div>
 
   <div class=example>
@@ -624,7 +624,7 @@ <h2 id=transform-rendering><span class=secno>5. </span>The Transform
     50%</code></code>&rsquo;.</p>
 
    <div class=figure> <img alt="The transform specified above"
-    src="compound_transform.png"></div>
+    src="examples/compound_transform.png"></div>
 
    <p>Note that an identical rendering can be obtained by nesting elements
     with the equivalent transforms:

css3-transforms/Transforms.src.html

@@ -289,7 +289,7 @@ <h2 id="transform-rendering">The Transform Rendering Model</h2>
 </pre>
                 <p>This transform moves the element by 100 pixels in both the X and Y directions.</p>
                 <div class="figure">
-                  <img src="transform1.png" alt="The 100px translation in X and Y">
+                  <img src="examples/translate1.svg" alt="The 100px translation in X and Y" width="470" height="250">
                 </div>
               </div>
 
@@ -307,7 +307,7 @@ <h2 id="transform-rendering">The Transform Rendering Model</h2>
                  transform functions were applied, the translation of the origin gets
                  translated back by -50 pixels in both the X and Y directions.</p>
 
-                 <div class="figure"><img alt="The point of origin gets translated temporary" src="origin1.svg" width="735" height="250"></div>
+                 <div class="figure"><img alt="The point of origin gets translated temporary" src="examples/origin1.svg" width="735" height="250"></div>
               </div>
 
               <div class="example">
@@ -319,7 +319,7 @@ <h2 id="transform-rendering">The Transform Rendering Model</h2>
 </pre>
                 <p>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 '<code class="css">50% 50%</code>'.</p>
               <div class="figure">
-                <img src="compound_transform.png" alt="The transform specified above">
+                <img src="examples/compound_transform.png" alt="The transform specified above">
               </div>
 
               <p>Note that an identical rendering can be obtained by nesting elements with the equivalent transforms: