Реализовать эффект переворота изображения в WPF

---

Всем Привет,
Я пытаюсь реализовать эффект переворота к изображению . Вот мой код XAML

<Window.Background>

       <VisualBrush  TileMode="None" Viewport="0,0,1,1">
           <VisualBrush.Visual>
               <Image Source="Windows_7_Rejected_Artwork_03.jpg"/>
           </VisualBrush.Visual>
       </VisualBrush>
   </Window.Background>
   <Window.Resources>
       <Style TargetType="Image">
           <Style.Triggers>
               <EventTrigger RoutedEvent="Mouse.MouseEnter">
                   <BeginStoryboard>
                       <Storyboard TargetProperty="Width">
                           <DoubleAnimation From="0" To="360" Duration="0:0:05" AutoReverse="True"></DoubleAnimation>
                       </Storyboard>
                   </BeginStoryboard>
               </EventTrigger>
           </Style.Triggers>
       </Style>
   </Window.Resources>

   <Grid>
       <Grid.RowDefinitions>
           <RowDefinition Height="60"/>
           <RowDefinition Height="60"/>
           <RowDefinition Height="60"/>
           <RowDefinition Height="60"/>
           <RowDefinition Height="*"/>
       </Grid.RowDefinitions>

       <Grid.ColumnDefinitions>
           <ColumnDefinition Width="170"/>
           <ColumnDefinition Width="170"/>
           <ColumnDefinition Width="*"/>
       </Grid.ColumnDefinitions>
       <Image Source="ImagesIcon\DeskTop.JPG" Grid.Column="0" Grid.Row="0" Margin="2"/>
       <Image Source="ImagesIcon\clander.JPG" Grid.Column="2" Grid.Row="0" Margin="2"/>

       <Image Source="ImagesIcon\Stores.JPG" Grid.Column="0" Grid.Row="1" Margin="2"/>
       <Image Source="ImagesIcon\twteer.JPG" Grid.Column="1" Grid.Row="1" Margin="2"/>

       <Image Source="ImagesIcon\weather.JPG" Grid.Column="1" Grid.Row="2" Margin="2"/>
       <Image Source="ImagesIcon\Google.JPG" Grid.Column="2" Grid.Row="2" Margin="2"/>

       <Image Source="ImagesIcon\sales.JPG" Grid.Column="0" Grid.Row="3" Margin="2"/>
       <Image Source="ImagesIcon\Computer.JPG" Grid.Column="1" Grid.Row="3" Margin="2"/>
       <Image Source="ImagesIcon\firefox.JPG" Grid.Column="3" Grid.Row="3" Margin="2"/>

       <Image Source="ImagesIcon\crome.JPG" Grid.Column="0" Grid.Row="4" Margin="2"/>
       <Image Source="ImagesIcon\ControlPanels.JPG" Grid.Column="1" Grid.Row="4" Margin="2"/>
       <Image Source="ImagesIcon\Recycle.JPG" Grid.Column="3" Grid.Row="4" Margin="2"/>


   </Grid>

I сетка ячейки загружаются изображениями.Поэтому, когда когда-либо мышь входит в область изображения, изображение должно быть снято . Надеюсь, я борюсь с собой.

<Storyboard TargetProperty="Width">

в этой собственности . Так что может ли кто-нибудь руководить/подсказывать, как я могу перевернуть изображения . Я попробовал с другими свойствами, такими как "высота","угол".


Заранее Спасибо
Арун Р. В

---