JSFiddle - React, Tailwind, and code Playground

by Dimitar Christoff

HTML

<div id="resize" class="resize">DIV will get bigger after 2sec on mouseenter</div>

CSS

#resize {
    background: #ccc;
}

JavaScript

document.id('resize').set("morph", {duration:700,delay:400}).addEvents({
    mouseenter: function(){
        this.store("timer", (function() {
            this.morph({
                width: '200px',
                height: '100px'
            });
        }).delay(2000, this));
    },
    mouseleave: function() {
        $clear(this.retrieve("timer"));
    }
});