This creates an animation that accelerates/decelerates using the formula f(t) = t3, where EasingMode can be applied to control acceleration, deceleration, or both, by setting the value EaseIn, EaseOut, or EasInOut.
Let's add the following RadioButton inside the StackPanel to create an animation with an accelerating CubicEase function:
<RadioButton GroupName="AnimationSelector" Content="CubicEase - EaseIn" Margin="4"> <RadioButton.Triggers> <EventTrigger RoutedEvent="RadioButton.Checked"> <BeginStoryboard> <Storyboard AutoReverse="True"> <DoubleAnimation Storyboard.TargetName="circle" Storyboard.TargetProperty="(Canvas.Left)" To="350"> <DoubleAnimation.EasingFunction> ...