Mootools 1.2: The Evolution of FX

October 26th, 2007 Posted by Don Albrecht

For most developers, the most noticeable change with Mootools 1.2 is the deprecation of the incredible FX.style & FX.styles libraries in favor of the new Fx.Tween & Fx.Morph. So what’s the difference? It’s really a name change to more accurately describe the behavior and use of the two different tools.

What’s pretty incredible though, is how powerful the revamped Fx.Morph has become. You can now smoothly transition from any given class in your CSS stylesheet smoothly. This fully separates the behavior (e.g. A smooth transition to an error state) from the CSS defined appearance of that Error state.

If the property cannot be calculated, it will be set at the start of the transition.

Lastly, the "wait" option has been replaced with a new "chain" option. This allows you to simply append effects at the end of the sequence currently being executed.