Motion Slider
Motion Slider is a responsive jQuery slider plugin for mobile and desktop that enables multi-transition and browser prefix free CSS animation to your HTML DOM elements
Features
1. Easy CSS Animation with Multiple Transitions
Animate CSS properties like border, background, opacity or even display or visibility. You can also set presets for animations that are used multiple times and set as many transitions as you want for each DOM element.
2. Create Cool 2D and 3D Transforms
This plugin allows you to animate 2D properties like rotation, scaleX, scaleY, x, and y. Also, you can animate 3D properties like rotationX, rotationY, rotationZ, z, perspective and transformPerspective.
3. Works with CSS3 Animation
This works well with CSS3 animations like text-shadow, box-shadow, border-radius and clip.
4. No Browser Prefix Needed
Whether 2D, 3D or CSS3 animations, you need not worry about adding tons of browser prefixes in order for it to work on multiple browsers.
5. Use Text, ScrambleText, Bezier and Physics2D Plugins
Create encrypted text effect with ScrambleText plugin, let an element follow a curved path with Bezier plugin or create physics-based effects with Physics2D plugin.
6. Break Apart an Image into Tiles or Text into Lines, Words or Characters
The plugin makes it easy to break apart and animate images or text without writing any Javascript code or creating complicated nested divs.
7. Modular and Customizable
Create simple to complex sliders without the bulk. Simply add and customize the plugins you need.
8. Fully responsive
Adjusts to any screen size so you will have an optimal viewing experience whether you are using desktop or mobile devices.
9. Cross-browser, IOS and Android Compatible
This slider works on major browsers including IE9 and has no problem with Android and iOS.
10. Smart Autoplay
This plugin detects if the slider is not visible on screen and automatically pauses it. This saves a lot of resources especially for mobile devices.
11. Developer API
Javascript/jQuery developers can take advantage of the developer API to do further customization.
12. Smart Loading Using Adaptive Images
Prevent unnecessary load time, resources and lag by delivering the correct image size to any screen size.
13. Advanced Controls
Take control of the slider animation with video like controls such as play, pause, seek or even jump quickly to a slide using thumbnails.
14. Multiple Sliders in One Page
Sometimes one is not enough. This plugin allows you to have multiple slider instances in one page.
Required JS
jQuery
Hammer
TweenMax
Note: It is impossible to check this plugin on every device so please check the examples in the live preview using the device you wish to support. Thanks!
Download Motion Slider jQuery Plugin (Sliders)
