C1Accordion includes thirty-one different built-in animation options that allow you to customize how animation effects are transitioned in the C1Accordion control. You can change how the control expands and collapses by setting the ExpandEasing and CollapseEasing properties. By default, the ExpandEasing and CollapseEasing properties are set to EaseLiner, and the control expands and collapses with a smooth linear transition effect.
The Setting the Animation Effects for C1Accordion topic shows you how to set the ExpandEasing property.
Sample Project
Available
For a demonstration of each transition effect possible in the C1Accordion control, see the C1Accordion Animation page of the ControlExplorer sample.
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. |
|
