C1SuperPanel includes thirty-one built-in animation transition options that allow you to customize how animation effects are transitioned in the C1SuperPanel control. You can change how the control animates the element scrolling within C1SuperPanel using the AnimationEasing property. By default the AnimationEasing property is set to EaseLinear and the control scrolls a smooth linear transition effect.
Sample Project
Available
For a demonstration of each transition effect possible in the C1SuperPanel control, see the Animation page of the ControlExplorer sample.
The following table describes each transition effect choice:
|
Transition Name |
Transition Description |
|
EaseLinear(default) |
Linear easing. Moves smoothly from start to end without acceleration or deceleration |
|
EaseOutElastic |
Elastic easing out. Begins quickly and then decelerates. |
|
EaseInElastic |
Elastic easing in. Begins slowly and then accelerates. |
|
EaseInOutElastic |
Elastic easing in and out. Begins slowly, accelerates halfway, and then decelerates. |
|
EastOutBounce |
Bouncing easing out. Begins quickly and then decelerates. The number of bounces is related to the duration: longer durations produce more bounces. |
|
EaseInBounce |
Bouncing easing in. Begins slowly and then accelerates. The number of bounces is related to the duration: longer durations produce more bounces. |
|
EaseInOutBounce |
Bouncing easing in and out. Begins slowly, accelerates until halfway, and then decelerates. |
|
EaseOutExpo |
Exponential easing out. Begins quickly and then decelerates. |
|
EaseInExpo |
Exponential easing in. Begins slowly and then accelerates. |
|
EaseInOutExpo |
Exponential easing in and out. Begins slowly, accelerates until halfway, and then decelerates. |
|
EaseOutQuad |
Quadratic easing out. Begins at full velocity then decelerates to zero. |
|
EaseInQuad |
Quadratic easing in. Begins at zero velocity then slowly accelerates. |
|
EaseInOutQuad |
Quadratic easing in and out. Begins slowly, accelerates until halfway, and then decelerates to zero velocity again. |
|
EaseOutSine |
Sinusoidal easing out. Begins quickly and then decelerates. |
|
EaseInSine |
Sinusoidal easing in. Begins slowly and then accelerates. |
|
EaseInOutSine |
Sinusoidal easing in and out. Begins slowly, accelerates until halfway, and then decelerates. |
|
EaseInOutCirc |
Circular easing in and out. Begins slowly, accelerates until halfway, and then decelerates. |
|
EaseOutCirc |
Circular easing out. Begins quickly and then decelerates. |
|
EaseInCirc |
Circular easing in. Begins slowly and then accelerates. |
|
EaseInOutCubic |
Cubic easing in and out. Begins at zero velocity, accelerates until halfway, and then decelerates to zero velocity again. |
|
EaseInCubic |
Cubic easing in. Begins at zero velocity and then accelerates. |
|
EaseOutCubic |
Cubic easing in and out. Begins at full velocity and then decelerates to zero. |
|
EaseInQuint |
Quintic easing in. Begins at zero speed then accelerates. |
|
EaseInOutQuint |
Quintic easing in and out. Begins at zero speed, accelerates until halfway, and then decelerates to zero |
|
EaseOutQuint |
Quintic easing out. Begins at full velocity and then decelerates to zero. |
|
EaseOutBack |
Back easing out. Begins quickly and then decelerates. |
|
EaseInBack |
Back easing in. Begins slowly and then accelerates. |
|
EaseInOutBack |
Back easing in and out. Begins slowly, accelerates until halfway, and then decelerates. |
|
EaseOutQuart |
Quartic easing out. Begins quickly and then decelerates. |
|
EaseInQuart |
Quartic easing in. Begins slowly and then accelerates. |
|
EaseInOutQuart |
Quartic easing in and out. Begins at zero velocity, accelerates until halfway, and then decelerates to zero velocity again. |
|
