<Window x:Class="ClockControlExample.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ClockControlExample" Height="300" Width="300"
    >
  
  <!-- Example 16-32. Storyboard resources -->
  
  <Window.Resources>
    <Storyboard x:Key="sunrise">
      <DoubleAnimation Storyboard.TargetProperty="(Canvas.Top)"
                       From="100" To="0" Duration="0:0:3" />
      <ColorAnimation Storyboard.TargetProperty="(Ellipse.Fill).(SolidColorBrush.Color)"
                       From="Red" To="Yellow" Duration="0:0:3" />
    </Storyboard>

    <Storyboard x:Key="sunset">
      <DoubleAnimation Storyboard.TargetProperty="(Canvas.Top)"
                       From="0" To="100" Duration="0:0:3" />
      <ColorAnimation Storyboard.TargetProperty="(Ellipse.Fill).(SolidColorBrush.Color)"
                       From="Yellow" To="Red" Duration="0:0:3" />
    </Storyboard>
  </Window.Resources>

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

  <Canvas Background="Aqua">
    <Ellipse x:Name="myEllipse" Fill="Yellow" Width="100" Height="100" />
    <Rectangle Width="300" Height="150" Canvas.Top="150" Fill="Green" />
  </Canvas>
</Window>
