Animation overriding target of its parent Storyboard
<UserControl x:Class='SilverlightApplication3.MainPage'
xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
xmlns:d='http://schemas.microsoft.com/expression/blend/2008'
xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'
mc:Ignorable='d'
d:DesignWidth='640'
d:DesignHeight='480'>
<Grid x:Name="LayoutRoot" Background="White">
<Grid.Resources>
<Storyboard x:Name="myStoryboard" Storyboard.TargetName="myRectangle">
<ColorAnimation x:Name="myColorAnimation" Duration="00:00:03"
Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)"
From="Green" To="Blue" />
<DoubleAnimation x:Name="myDoubleAnimation" Duration="00:00:13"
Storyboard.TargetName="myRectangle2"
Storyboard.TargetProperty="Opacity"
From="0" To="1" />
<DoubleAnimation x:Name="myDoubleAnimation2" Duration="00:00:15"
Storyboard.TargetProperty="Width"
To="180" />
</Storyboard>
</Grid.Resources>
<Rectangle x:Name="myRectangle" Width="180" Height="120" Fill="Green" />
<Rectangle x:Name="myRectangle2" Width="190" Height="30" Fill="Pink" />
</Grid>
</UserControl>
Related examples in the same category