Users expect a highly-interactive experience when interfacing with websites and web applications. With MooTools, you can create stunning animation within your web pages with MooTools' smooth and slick JavaScript effects.
In this chapter we shall:
Learn about the MooTools
Fx
classLearn how to animate a CSS property of an element
Discover how to animate multiple CSS properties of an element
Investigate some of Fx's useful methods for working with MooTools effects
So let's get on with it!
The MooTools Fx
class is where the magic happens (or at least, one of the places where it happens). It contains the framework's animation effects logic that will help you transform CSS properties in a smooth and slick fashion. Before we get started with the fun stuff, let's go over the basics.
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...