# WPF Animation Rate effect

There are a lot of uses for animations in WPF, and for animation to be animated, there are some variable-speed animations, and WPF has built in handy easing functions to do this.

In addition, WPF has key-frame animations that take advantage of key-frame animations to control the details of the animation and are perfectly aligned with many of the artwork's designs. There is also a set of keyframe animations called spline keyframe animations (splinekeyframe), which uses a three-time Bezier curve to more accurately control the rate of animation.

Different easing function light to see the name is difficult to know the actual effect, spline Keyframe animation Bezier control is also difficult to see the effect of visual, so wrote a small tool to show the effect of different animation rate and modify the configuration of the effect of the rate, the following is the effect of the tool.

Tool Code: Https://github.com/fengrui358/WPFLabs/tree/master/EasingFunctionDemo

Three time Bezier curve Control reference: https://www.cnblogs.com/hnfxs/p/3148483.html

# WPF Animation Rate effect