Wijmo UI for the Web
Animation
| Wijmo User Guide > Concepts > Animation |
There are many different animation effects available for wijmo widgets. Most of the animation options allow you to choose both the type of animation and the easing you'll apply to your widget.
You can see the available animation effects in the wijcombobox Animation demo or you can find more information about the animation effects in the jQuery Effects documentation.
The following animation effects are available for most wijmo widgets:
Effects
Many of the wijmo widgets allow you to control the easing effects applied to the widget through the animation options. You'll set your easing effect with a string value that represents the easing function. These functions specify the speed at which an animation progresses at different points in the animation.
Easing functions are easier to understand with a demonstration. You can see a demonstration of the available easing functions on the jQueryUI Easings page.
Here's a list of the available easing effects for most of the wijmo widgets. Check your widget's animation option to see what easing effects are available for your widget:
| easeInQuad | easeOutQuad | easeInOutQuad |
| easeInCubic | easeOutCubic | easeInOutCubic |
| easeInQuart | easeOutQuart | easeInOutQuart |
| easeInQuint | easeOutQuint | easeInOutQuint |
| easeInExpo | easeOutExpo | easeInOutExpo |
| easeInSine | easeOutSine | easeInOutSine |
| easeInCirc | easeOutCirc | easeInOutCirc |
| easeInElastic | easeOutElastic | easeInOutElastic |
| easeInBack | easeOutBack | easeInOutBack |
| easeInBounce | easeOutBounce | easeInOutBounce |
| linear | swing |