the compact javascript framework
in partnership with mediatemple
Effects transitions, to be used with all the effects.
MIT-style license.
Easing Equations by Robert Penner, http://www.robertpenner.com/easing/, modified & optimized to be used with mootools.
Fx. Transitions.js | Effects transitions, to be used with all the effects. |
Fx. Transitions | A collection of tweening transitions for use with the Fx.Base classes. |
Properties | |
linear | displays a linear transition. |
Quad | displays a quadratic transition. |
Cubic | displays a cubicular transition. |
Quart | displays a quartetic transition. |
Quint | displays a quintic transition. |
Pow | Used to generate Quad, Cubic, Quart and Quint. |
Expo | displays a exponential transition. |
Circ | displays a circular transition. |
Sine | displays a sineousidal transition. |
Back | makes the transition go back, then all forth. |
Bounce | makes the transition bouncy. |
Elastic | Elastic curve. |
A collection of tweening transitions for use with the Fx.Base classes.
//Elastic.easeOut with default values: new Fx.Style('margin', {transition: Fx.Transitions.Elastic.easeOut}); //Elastic.easeOut with user-defined value for elasticity. var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 3); new Fx.Style('margin', {transition: myTransition.easeOut});
http://www.robertpenner.com/easing/
Properties | |
linear | displays a linear transition. |
Quad | displays a quadratic transition. |
Cubic | displays a cubicular transition. |
Quart | displays a quartetic transition. |
Quint | displays a quintic transition. |
Pow | Used to generate Quad, Cubic, Quart and Quint. |
Expo | displays a exponential transition. |
Circ | displays a circular transition. |
Sine | displays a sineousidal transition. |
Back | makes the transition go back, then all forth. |
Bounce | makes the transition bouncy. |
Elastic | Elastic curve. |
displays a quadratic transition. Must be used as Quad.easeIn or Quad.easeOut or Quad.easeInOut
displays a cubicular transition. Must be used as Cubic.easeIn or Cubic.easeOut or Cubic.easeInOut
displays a quartetic transition. Must be used as Quart.easeIn or Quart.easeOut or Quart.easeInOut
displays a quintic transition. Must be used as Quint.easeIn or Quint.easeOut or Quint.easeInOut
displays a exponential transition. Must be used as Expo.easeIn or Expo.easeOut or Expo.easeInOut
displays a circular transition. Must be used as Circ.easeIn or Circ.easeOut or Circ.easeInOut
displays a sineousidal transition. Must be used as Sine.easeIn or Sine.easeOut or Sine.easeInOut
makes the transition go back, then all forth. Must be used as Back.easeIn or Back.easeOut or Back.easeInOut
Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and GeSHi