Declaring a new Fx object follows the same syntax as declaring any other object in MooTools (like a new Event in Chapter 5). You create a new Fx object using the following format:

var nameOfFxObject = new Fx([options]);

However, it's unlikely that you will use the Fx class in the above manner, but rather, you'll use one of its extensions (Fx.Tween or Fx.Morph).

Let's go over the options and properties you can use to define your animation effect.

You have a myriad of options that you can take advantage of inside the Fx class, giving you unprecedented control over your JavaScript animation effects. In the following table, you'll find the option name, the data type...