title: Image pop out "right-to-left" with storyboard animation
body: <p>I found a good example for a pop out image: <a href="http://tozon.info/blog/post/2007/10/14/three-ways-to-make-your-wpf-images-pop-out-on-mouseover.aspx" rel="nofollow">http://tozon.info/blog/post/2007/10/14/three-ways-to-make-your-wpf-images-pop-out-on-mouseover.aspx</a></p>
  
  <p>the problem is I need to grow it in the opposite direction. The image in the example grows from left to right. I want it to grow to the left side.</p>
  
  <pre><code>&lt;!-- This storyboard will make the image grow to double its size in 0.2 seconds --&gt;
  &lt;Storyboard x:Key="expandStoryboard"&gt;
    &lt;DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX"
                     To="2"
                     Duration="0:0:0.2" /&gt;
    &lt;DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY"
                     To="2"
                     Duration="0:0:0.2" /&gt;
  &lt;/Storyboard&gt;
  &lt;!-- This storyboard will make the image revert to its original size --&gt;
  &lt;Storyboard x:Key="shrinkStoryboard"&gt;
    &lt;DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX"
                     To="1"
                     Duration="0:0:0.2" /&gt;
    &lt;DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY"
                     To="1"
                     Duration="0:0:0.2" /&gt;
  &lt;/Storyboard&gt;
  </code></pre>