daily tip :
<UserControl.Resources>
<Storyboard x:Name="sb1" x:Key="sb1" >
<DoubleAnimation From="0" To="1.0" Duration="0:0:0.4" Storyboard.TargetName="bg" Storyboard.TargetProperty="Opacity"></DoubleAnimation>
</Storyboard>
<Storyboard x:Name="sb2" x:Key="sb2">
<DoubleAnimation From="1.0" To="0" Duration="0:0:0.4" Storyboard.TargetName="bg" Storyboard.TargetProperty="Opacity">
</DoubleAnimation>
</Storyboard>
</UserControl.Resources>
<Grid Background="Gray" >
<Grid Name="bg" Margin="-8,2,4,-8" Opacity="0">
<Rectangle>
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF747474" Offset="0.63"/>
<GradientStop Color="White"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</Grid>
<Image Name="img" Stretch="None" Width="555" Height="555" Margin="0" RenderTransformOrigin="0.5,0.5" Source="Assets/1.png">
<Image.RenderTransform>
<CompositeTransform x:Name="t" TranslateY="0" TranslateX="0"/>
</Image.RenderTransform>
</Image>
<Border BorderBrush="#1CFF0000" BorderThickness="4"></Border>
private void UserControl_ManipulationStarted(object sender, ManipulationStartedRoutedEventArgs e)
{
sb1.Begin();
}
private void UserControl_ManipulationCompleted(object sender, ManipulationCompletedRoutedEventArgs e)
{
sb2.Begin();
}