ComponentOne Accordion for ASP.NET AJAX: Expanding and Collapsing C1Accordion > Animation Effects

Animation Effects

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.

 


Send comments about this topic to ComponentOne.
Copyright ©ComponentOne LLC. All rights reserved.