title: Animate width from right to left
body: <p>I want to animate my window coming in from the right edge of the screen. </p>
  
  <p>This is my xaml</p>
  
  <pre><code>&lt;Window x:Class="SidebarTest.DockWindow"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="DockWindow" Width="275"         
      ShowInTaskbar="False" 
      WindowStyle="None" ResizeMode="NoResize"
      AllowsTransparency="True" Background="Transparent" &gt;
  
  &lt;Window.Triggers&gt;
      &lt;EventTrigger RoutedEvent="Window.Loaded"&gt;
          &lt;BeginStoryboard&gt;
              &lt;Storyboard &gt;
                  &lt;DoubleAnimation Duration="0:0:1.5" Storyboard.TargetProperty="Width" From="0" To="275" AccelerationRatio=".1"/&gt;
              &lt;/Storyboard&gt;
          &lt;/BeginStoryboard&gt;
      &lt;/EventTrigger&gt;
  &lt;/Window.Triggers&gt;
  
  &lt;Grid Background="#2F2F2F"&gt;
  
  &lt;/Grid&gt;
  </code></pre>
  
  <p></p>
  
  <p>But it animates the width from left to right instead of right to left. 
  Like this:</p>
  
  <p><img src="https://i.stack.imgur.com/5YiGl.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/UTXBs.png" alt="enter image description here"></p>
  
  <p>How can I change this so it comes in from the edge? </p>