﻿<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Background="Silver">
  <Grid>
    <Grid.Resources>
      <Storyboard
        x:Key="storyBoardColour"
        Duration="00:00:01">
        <ColorAnimation
          Storyboard.TargetName="rect"
          Storyboard.TargetProperty="(Rectangle.Fill).(SolidColorBrush.Color)"
          To="Yellow"/>
      </Storyboard>
    </Grid.Resources>
    <Rectangle
      x:Name="rect"
      Width="2in"
      Height="2in"
      HorizontalAlignment="Center"
      VerticalAlignment="Center"
      Fill="Red">
      <Rectangle.Triggers>
        <EventTrigger RoutedEvent="Rectangle.MouseEnter">
          <EventTrigger.Actions>
            <BeginStoryboard
              x:Name="startedStoryboard"
              Storyboard="{StaticResource storyBoardColour}"/>
          </EventTrigger.Actions>
        </EventTrigger>
        <EventTrigger RoutedEvent="Rectangle.MouseLeave">
          <EventTrigger.Actions>
            <StopStoryboard BeginStoryboardName="startedStoryboard"/>
          </EventTrigger.Actions>
        </EventTrigger>
      </Rectangle.Triggers>
    </Rectangle>
  </Grid>
</Page>
