Enter and exit actions MouseEnter and MouseLeave, Unloaded
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
HorizontalAlignment="Center" VerticalAlignment="Center">
<Ellipse Fill="Green" Width="20" Height="100">
<Ellipse.Triggers>
<EventTrigger RoutedEvent="Ellipse.MouseEnter">
<BeginStoryboard Name="enterAnim">
<Storyboard>
<DoubleAnimation By="400" Duration="0:0:4"
Storyboard.TargetProperty="Width" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Ellipse.MouseLeave">
<BeginStoryboard HandoffBehavior="Compose" Name="leaveAnim">
<Storyboard>
<DoubleAnimation By="-400" Duration="0:0:4"
Storyboard.TargetProperty="Width" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Ellipse.Unloaded">
<RemoveStoryboard BeginStoryboardName="enterAnim" />
<RemoveStoryboard BeginStoryboardName="leaveAnim" />
</EventTrigger>
</Ellipse.Triggers>
</Ellipse>
</Page>
Related examples in the same category