C1SuperPanel includes several built-in scrolling animation effects for when you perform horizontal or vertical scrolling on C1SuperPanel. These effects can be set using the AnimationOptions.AnimationEasing property. In the following steps you will add a bouncing animation effect to the horizontal and vertical scrolling. You will also increase the value of the AnimationOptions.AnimationDuration property to increase the duration of the scrolling animation. The following steps assume you've completed the Step 3 of 4: Creating a Mixed Scroll Mode in Code topic.

Complete the following steps:

1. Select C1SuperPanel on the Web page and then navigate to its properties window.
2. Expand the PanelBehaviorSettings node to reveal another list of properties and then complete the following:
   • Set the AnimationOptions.AnimationEasing property to "EaseinBounce". This property determines the animation transition effect for the scrolling.
   • Set the AnimationOptions.AnimationDuration property to "1500". This will lengthen the duration of the animation effect, guaranteeing that you will notice the effect when you build the project.
3. Press F5 to run your application and notice the bouncing effect when you scroll in the C1SuperPanel control.

Congratulations, you've completed this quick start guide!