<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

<Canvas>
  <Rectangle Fill="Red" Width="20" Height="20">
    <Rectangle.Triggers>
      <EventTrigger RoutedEvent="Rectangle.Loaded">
        <BeginStoryboard>
          <Storyboard>

            <DoubleAnimation From="0" To="800" Duration="0:0:10"
                Storyboard.TargetProperty="(Canvas.Left)"
                RepeatBehavior="Forever" AutoReverse="True" />


<!-- Example 16-27. Key frame spline animation -->

<DoubleAnimationUsingKeyFrames Duration="0:0:2" RepeatBehavior="Forever"
        Storyboard.TargetProperty="(Canvas.Top)">
  <DoubleAnimationUsingKeyFrames.KeyFrames>
    <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0" />
    <SplineDoubleKeyFrame Value="50" KeyTime="0:0:0.5"
                          KeySpline="0.4,0 0.7,0.7" />
    <SplineDoubleKeyFrame Value="200" KeyTime="0:0:1"
                          KeySpline="0.2,0.2 0.7,0.4" />
    <SplineDoubleKeyFrame Value="50" KeyTime="0:0:1.5"
                          KeySpline="0,0.3 0.75,0.75" />
    <SplineDoubleKeyFrame Value="0" KeyTime="0:0:2"
                          KeySpline="0.25,0.25 0.6,1" />
  </DoubleAnimationUsingKeyFrames.KeyFrames>
</DoubleAnimationUsingKeyFrames>

<!-- End of Example 16-27. -->


          </Storyboard>
        </BeginStoryboard>
      </EventTrigger>
    </Rectangle.Triggers>
  </Rectangle>
</Canvas>

</Page>

