C1Slider includes thirty-one built-in animation transition options that allow you to customize how animation effects are transitioned in the C1Slider control. You can change how the thumb moves when the slider track is clicked by setting the Easing property. By default the Easing property is set to EaseLinear and the control moves with a smooth linear transition effect.
The following table describes each transition effect choice:
|
Name |
Description |
|
EaseLinear (default) |
Linear easing. Moves smoothly without acceleration or deceleration. |
|
EaseOutElastic |
Elastic easing out. Starts quickly and then decelerates. |
|
EaseInElastic |
Elastic easing in. Starts slowly and then accelerates. |
|
EaseInOutElastic |
Elastic easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutBounce |
Bouncing easing out. Starts quickly and then decelerates. |
|
EaseInBounce |
Bouncing easing in. Starts slowly and then accelerates. |
|
EaseInOutBounce |
Bouncing easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutExpo |
Exponential easing out. Starts quickly and then decelerates. |
|
EaseInExpo |
Exponential easing in. Starts slowly and then accelerates. |
|
EaseInOutExpo |
Exponential easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutQuad |
Quadratic easing out. Starts quickly and then decelerates. |
|
EaseInQuad |
Quadratic easing in. Starts slowly and then accelerates. |
|
EaseInOutQuad |
Quadratic easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutSine |
Sinusoidal easing out. Starts quickly and then decelerates. |
|
EaseInSine |
Sinusoidal easing in. Starts slowly and then accelerates. |
|
EaseInOutSine |
Sinusoidal easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutCirc |
Circular easing out. Starts quickly and then decelerates. |
|
EaseInCirc |
Circular easing in. Starts slowly and then accelerates. |
|
EaseInOutCirc |
Circular easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutCubic |
Cubic easing out. Starts quickly and then decelerates. |
|
EaseInCubic |
Cubic easing in. Starts slowly and then accelerates. |
|
EaseInOutCubic |
Cubic easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutQuint |
Quintic easing out. Starts quickly and then decelerates. |
|
EaseInQuint |
Quintic easing in. Starts slowly and then accelerates. |
|
EaseInOutQuint |
Quintic easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutBack |
Back easing out. Starts quickly and then decelerates. |
|
EaseInBack |
Back easing in. Starts slowly and then accelerates. |
|
EaseInOutBack |
Back easing in and out. Starts slowly, accelerates, and then decelerates. |
|
EaseOutQuart |
Quartic easing out. Starts quickly and then decelerates. |
|
EaseInQuart |
Quartic easing in. Starts slowly and then accelerates. |
|
EaseInOutQuart |
Quartic easing in and out. Starts slowly, accelerates, and then decelerates. |
|
