title: Continue WPF animation with other storyboard (not from start)
body: <p>Using WPF 3.5 I want to move a canvas and after finishing this animation move it further using a second storyboard. I have the following:</p>
  
  <pre class="lang-xaml prettyprint-override"><code>&lt;Storyboard x:Key="Move" Completed="OnMoveCompleted" AutoReverse="False" FillBehavior="HoldEnd"&gt;
      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="canvas"&gt;
          &lt;SplineDoubleKeyFrame KeyTime="0:0:1.5" Value="-50"/&gt;
      &lt;/DoubleAnimationUsingKeyFrames&gt;
  &lt;/Storyboard&gt;
  
  &lt;Storyboard x:Key="Move2" AutoReverse="False"&gt;
      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="canvas"&gt;
          &lt;SplineDoubleKeyFrame KeyTime="0:0:1.5" Value="-75"/&gt;
      &lt;/DoubleAnimationUsingKeyFrames&gt;            
  &lt;/Storyboard&gt;
  </code></pre>
  
  <p>And in Code behind i got:</p>
  
  <pre class="lang-cs prettyprint-override"><code>public void OnMoveCompleted(object sender, EventArgs e)
  {
    var moveStoryboard = (Storyboard)FindResource("Move2");
    moveStoryboard.Begin();
  }
  </code></pre>
  
  <p>Move2 only moves the canvas 75 - 50 = 25 pixels. I want the canvas to move 50 pixels first and then another 75 pixels afterwards. I thought it could work because of FillBehaviour="HoldEnd" so the next storyboard could work with the transformed Y property value from the first storyboard but it seems that the second storyboard just works with the initial value (although the canvas doesn't seem to jump back to the very beginning, at least visually).</p>
  
  <p>Please i need a solution apart from just putting the transformations into one storyboard.</p>