Effect.Transitions

Put simply, a transition in script.aculo.us is a function which transforms an input value to another value and returns it.
Effect.Transitions is a collection of 9 of those functions which can be used to achieve interesting variations on any effect.

Example

A transition can be specified by using an effects transition option.

new Effect.Move('id_of_element', {
  x: 200, y: 0, mode: 'relative',
  transition: Effect.Transitions.spring
});

Demo

To get a better understanding of how each of script.aculo.us’ included transitions work, play around with the following demo.

Choose a transition: linear sinoidal reverse flicker wobble pulse spring full and animate the demo!