MooTools Fx.Morph - MooTools

What is MooTools Fx.Morph?

Fx.Morph is a function provided by means of MooTools. It is used to create new tween for transitions among style properties. At the same time as morphing, we have to pick the element with an object and then we will apply special functions to it. We also need to bind the detail with a newly created tween.

Let us take an example that offers three buttons on a web page. The first one is the SET button that creates an element with style properties such as height, width, and color. The second one is the MORPH button that changes the style properties of an element. The third one is the RESET button that changes all settings to the starting position. Test the subsequent code.

Example

You will receive the following output −

Output

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

MooTools Topics