Animation easing applies a function to the animation value to alter a linear animation to form a non-linear one. A mode option, defined by the EasingMode property, allows you to set when to apply the easing function. This could be at the beginning (EaseIn), at the end (EaseOut), or both (EaseInOut).
In the preceding example, we defined a BackEase function to the animation with different easing modes, which will animate when the Checked event of the radio buttons trigger.
The following graph demonstrates different values of EasingMode, for the BackEase effect:
