Animation Utility: Animation Easing
This demonstrates how to use the
easing attribute to change the behavior of the animation.
Click the icon in the header to shrink the element's
height to zero with
Setting up the HTML
First we add some HTML to animate.
Creating the Anim Instance
Now we create an instance of
Y.Anim, passing it a configuration object that includes the
node we wish to animate and the
to attribute containing the final properties and their values.
Running the Animation
Finally we add an event handler to run the animation.