Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork10
A lightweight and powerful javascript Animation engine.
License
NotificationsYou must be signed in to change notification settings
scottcgi/MojoJS-Animation
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
MojoJS-Animation is a verylightweight andpowerful javascriptAnimation engine.
It also has verysimple,beautiful,easy-to-understand source code and"Make-You-Happy" API.
TheOnline Demo shows the effect and code usage.
MojoJS-Animation is licensed under theMIT License.
- Support CSS and Transform properties animation.
- Support queue and concurrent animation.
- Support a group of elements animation.
- Support delay animation.
- Support complete callback on animate (not on element).
- Support configurable chained complete callbacks.
- Support fully compatible standard easing effect and more.
linear,smooth,quadraticIn,quadraticOut,quadraticInOutcubicIn,cubicOut,cubicInOutquarticIn,quarticOut,quarticInOutquinticIn,quinticOut,quinticInOutexponentialIn,exponentialOut,exponentialInOutsineIn,sineOut,sineInOutcircularIn,circularOut,circularInOutelasticIn,elasticOut,elasticInOutbackIn,backOut,backInOut,backInExponentialOut,backInElasticOutbounceIn,bounceOut,bounceInOut,
/** * Create an animation object. * *@param {String (selector) | Array<HTMLElement> | NodeList | HTMLElement} targets */MojoJS.createAnimation(targets)/** * Animate with config. * * the variable params are optional and no order limit, they can be: * * duration (Number) : animation time. * isQueue (Boolean) : inqueue or concurrent. * complete (Function): complete callback. * args (Array) : complete function args. * easing (String) : easing function name. * config (Object) : variable params in object and three more settings: * { * id (String) : the animation id. * appendTo (String) : callback when animation of this id is completed. * delay (Number) : delay time before animation starts. * } * *@param {Object} animStyle *@return {Object} animation */animation.animate(animStyle[,duration,isQueue,complete,args,easing,config]);/** * The animation complete callback function. * * args (Array) : apply from [config.args]. * thisArg (Animation) : apply from current animation. */functioncompleteCallback([arg0,arg1, ...]);
If the source code isuseful orhelpful for you, maybe buy me a coffee viaSponsor Button.
About
A lightweight and powerful javascript Animation engine.
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Sponsor this project
Uh oh!
There was an error while loading.Please reload this page.
Packages0
No packages published
