Fx. Transitions.js

Effects transitions, to be used with all the effects.

License

MIT-style license.

Credits

Easing Equations by Robert Penner, http://www.robertpenner.com/easing/, modified & optimized to be used with mootools.

Summary
Fx. Transitions.jsEffects transitions, to be used with all the effects.
Fx. TransitionsA collection of tweening transitions for use with the Fx.Base classes.
Properties
lineardisplays a linear transition.
Quaddisplays a quadratic transition.
Cubicdisplays a cubicular transition.
Quartdisplays a quartetic transition.
Quintdisplays a quintic transition.
PowUsed to generate Quad, Cubic, Quart and Quint.
Expodisplays a exponential transition.
Circdisplays a circular transition.
Sinedisplays a sineousidal transition.
Backmakes the transition go back, then all forth.
Bouncemakes the transition bouncy.
ElasticElastic curve.

Fx. Transitions

A collection of tweening transitions for use with the Fx.Base classes.

Example

//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});

See also

http://www.robertpenner.com/easing/

Summary
Properties
lineardisplays a linear transition.
Quaddisplays a quadratic transition.
Cubicdisplays a cubicular transition.
Quartdisplays a quartetic transition.
Quintdisplays a quintic transition.
PowUsed to generate Quad, Cubic, Quart and Quint.
Expodisplays a exponential transition.
Circdisplays a circular transition.
Sinedisplays a sineousidal transition.
Backmakes the transition go back, then all forth.
Bouncemakes the transition bouncy.
ElasticElastic curve.

Properties

linear

displays a linear transition.

Graph

Quad

displays a quadratic transition.  Must be used as Quad.easeIn or Quad.easeOut or Quad.easeInOut

Graph

Cubic

displays a cubicular transition.  Must be used as Cubic.easeIn or Cubic.easeOut or Cubic.easeInOut

Graph

Quart

displays a quartetic transition.  Must be used as Quart.easeIn or Quart.easeOut or Quart.easeInOut

Graph

Quint

displays a quintic transition.  Must be used as Quint.easeIn or Quint.easeOut or Quint.easeInOut

Graph

Pow

Used to generate Quad, Cubic, Quart and Quint.  By default is p^6.

Graph

(see Pow.png)

Expo

displays a exponential transition.  Must be used as Expo.easeIn or Expo.easeOut or Expo.easeInOut

Graph

Circ

displays a circular transition.  Must be used as Circ.easeIn or Circ.easeOut or Circ.easeInOut

Graph

Sine

displays a sineousidal transition.  Must be used as Sine.easeIn or Sine.easeOut or Sine.easeInOut

Graph

Back

makes the transition go back, then all forth.  Must be used as Back.easeIn or Back.easeOut or Back.easeInOut

Graph

Bounce

makes the transition bouncy.  Must be used as Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut

Graph

Elastic

Elastic curve.  Must be used as Elastic.easeIn or Elastic.easeOut or Elastic.easeInOut

Graph

Base class for the Effects.

Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and GeSHi