Animation Ease effect
<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'> <UserControl.Resources> <Storyboard x:Name="MoveFolders"> <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Folder1" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="00:00:00"> <SplineDoubleKeyFrame KeyTime="00:00:02" Value="500"/> <SplineDoubleKeyFrame KeyTime="00:00:03" Value="500"/> <SplineDoubleKeyFrame KeyTime="00:00:05" Value="1050"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Folder2" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="00:00:00"> <SplineDoubleKeyFrame KeyTime="00:00:02" Value="520"/> <SplineDoubleKeyFrame KeyTime="00:00:03" Value="520"/> <SplineDoubleKeyFrame KeyTime="00:00:05" Value="1070"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </UserControl.Resources> <Canvas x:Name="LayoutRoot" Background="White" > <Image Height="600" Width="800" Source="c:/image.png" x:Name="Desktop" Stretch="Uniform"/> <Image Height="150" Width="184" Source="c:/image.png" Canvas.Top="176" Canvas.Left="-198" x:Name="Folder1" RenderTransformOrigin="0.5,0.5"> <Image.RenderTransform> <TransformGroup> <ScaleTransform/> <SkewTransform/> <RotateTransform Angle="-15"/> <TranslateTransform/> </TransformGroup> </Image.RenderTransform> </Image> <Image Height="150" Width="184" Source="folder.png" Canvas.Left="-198" Canvas.Top="353" x:Name="Folder2" RenderTransformOrigin="0.5,0.5"> <Image.RenderTransform> <TransformGroup> <ScaleTransform/> <SkewTransform/> <RotateTransform Angle="-15"/> <TranslateTransform/> </TransformGroup> </Image.RenderTransform> </Image> </Canvas> </UserControl> //File: Page.Xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; namespace SilverlightApplication3 { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); MoveFolders.Begin(); } } }