JSFiddle - React, Tailwind, and code Playground

by rpflorence

HTML

<div id=fixture></div>

CSS

#fixture {
    width: 10px;
    height: 10px;
    background: #ccc;
}

JavaScript

Fx.Morph = new Class({
    Extends: Fx.Morph,
    set: function(now){
        this.parent(now);
        this.fireEvent('set');
    }
});

window.addEvent('domready', function(){
    var morph = new Fx.Morph('fixture', {
        onSet: function(){
            console.log('step');
        }
    });
    
    morph.start({
        height: [10, 300],
        width: [10, 200]
    });
});