JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

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

CSS

#test{
    width:0;
    display:block;
    overflow:hidden;
    background-color:#ccc;
}

JavaScript

$('test').set('tween', {
    duration: 5000
}).tween('width', 1000);

(function() {
    $('test').get('tween').cancel();
}).delay(1000);

(function() {
    $('test').get('tween').resume();
}).delay(3000)