JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<div id="test"></div>

CSS

#test {
    background-color:black;
    position:relative;
    top:2em;left:2em;
    width:100px;
    height:100px;
}

JavaScript

var test = $('test');
var test3 = new Fx.Morph(test,{
    duration:1000
});

test3.start({
    width: [100, 150],
    opacity: [1, 0]
}).chain(function(){
    this.start({
        opacity: [0, 1]
    })
});