Kendo UI for jQuery FX Overview
The Kendo UI FX (Effects) instances provide a rich, extensible, and performance-optimized toolset for element transitions.
Whenever possible, effects are hardware-accelerated through CSS transitions which makes them ideal for desktop and mobile devices. Unlike the CPU intensive JavaScript animations, animations that are implemented with CSS provide better frame rates and battery life. To show and hide certain parts of the user interface (UI), you can also play animations in reverse. For chaining and callbacks, the Kendo UI FX utilizes the jQuery Deferred utility.
Kendo UI supports the following effects:
The FX is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
- FX Expand API Reference and Demo
- FX Fade API Reference and Demo
- FX Flip API Reference and Demo
- FX PageTurn API Reference and Demo
- FX SlideIn API Reference and Demo
- FX Tile API Reference and Demo
- FX Transfer API Reference and Demo
- FX Zoom API Reference and Demo
- FX Replace API Reference and Demo
Functionality and Features
- Direction—You can set the direction of the effects.
- Composite effects—You can combine effects on the same element or different elements.
- Animated transitions—With FX, you can create complex animated transitions between two elements within a common container.
Next Steps
- Getting Started with the Kendo UI FX for jQuery
- Effects Expand of FX (Demo)
- Effects Fade of FX (Demo)
- Effects Slide In of FX (Demo)
- Effects Flip of FX (Demo)
- Effects Transfer of FX (Demo)
- Effects Zoom of FX (Demo)