An Application which shows the rotation with colour change. Here I used two rectangle. First rectangle will rotate from left to right and second rectangle will rotate from up to down. Here with rotating the colour of both rectangle will change. For this I used properties of rectangle.
The aspx code for this application is:
<Window x:Class="Animation.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="AnimationApplication" Height="300" Width="300"
>
<Grid Name="GridRotate">
<Canvas Margin="15,18,18,26" MinHeight="50" MinWidth="50"
Name="canvas1">
<!-- The Rectangle which will Rotate From Left to Right Witgh Colour chnages-->
<Rectangle Height="800" Width="650" Stroke="Blue"
StrokeThickness="4.0" ToolTip="C-Sharpcorner.com">
<Rectangle.Fill>
<SolidColorBrush Color="Red" x:Name="myBrush">
</SolidColorBrush>
</Rectangle.Fill>
<Rectangle.RenderTransform>
<TransformGroup>
<RotateTransform x:Name="xformrotate" CenterX="176"
CenterY="145" Angle="90"> </RotateTransform>
<TranslateTransform x:Name="xformTranslate" X ="-50" Y="-50" />
<ScaleTransform x:Name ="xformScale" ScaleX=".20" ScaleY=".20" />
</TransformGroup>
</Rectangle.RenderTransform>
<Rectangle.Triggers>
<EventTrigger RoutedEvent="Polygon.Loaded">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="myBrush"
Storyboard.TargetProperty="Color"
From="Red" To="Blue" Duration="0:0:5"
RepeatBehavior="Forever" AutoReverse="True"/>
<DoubleAnimation Storyboard.TargetName="xformTranslate"
Storyboard.TargetProperty="X"
From="1" To="2750" Duration="0:0:10"
AutoReverse ="True" RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
<!-- For making Comment-->
<!-- The Rectangle Which will rotate from up to Down -->
<Rectangle Height="800" Width="650" Stroke="Blue" StrokeThickness="4.0"
ToolTip="C-Sharpcorner.com">
<Rectangle.Fill>
<SolidColorBrush Color="Pink" x:Name="myBrush1"></SolidColorBrush>
</Rectangle.Fill>
<Rectangle.RenderTransform>
<TransformGroup>
<RotateTransform x:Name="xformrotate1" CenterX="300" CenterY="300"
Angle="90"></RotateTransform>
<TranslateTransform x:Name="xformTranslate1" X ="-50" Y="-50" />
<ScaleTransform x:Name ="xformScale1" ScaleX=".20" ScaleY=".20" />
</TransformGroup>
</Rectangle.RenderTransform>
<Rectangle.Triggers>
<EventTrigger RoutedEvent="Polygon.Loaded">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="myBrush1"
Storyboard.TargetProperty="Color"
From="RosyBrown" To="Blue" Duration="0:0:5"
RepeatBehavior="Forever" AutoReverse="True"/>
<DoubleAnimation Storyboard.TargetName="xformTranslate1"
Storyboard.TargetProperty="Y"
From="1" To ="2600" Duration="0:0:10"
AutoReverse="True"
RepeatBehavior="Forever"></DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
</Canvas>
</Grid>
</Window>
When user runs this code then the output screen will become look like as.
Figure 1.
When user run the application then bothe rectangle becomes moveable, one from left to right and second one from up to down.
Figure 2: Here I used ToolTip property, being of message is coming.
Figure 3.
Figure 4.
Here in this application both rectangle will rotate forever and from opposite direction too. Because here I set the AutoReverse and RepeatBehavior property true and Forever.