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 8 of those functions which can be used to achieve interesting variations on any effect.


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


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

Choose a transition: and the demo!