JSFiddle - React, Tailwind, and code Playground

by Takayuki Shimada

HTML

<div id="console"></div>

CSS

#console {
  padding:.5em;
  border:1px solid #ccc;
  overflow:auto;
  height:200px;
}

JavaScript

var $console = $('#console');

var anim = $.Animation({ x:0, y:100 }, { x:100, y:50 }, { duration:5000 });
anim.progress(function (anim, progress, ms) {
    $console.prepend($.parseHTML('<div>' + anim.tweens[0].prop + ':' + anim.tweens[0].now + ' , ' + anim.tweens[1].prop + ':' + anim.tweens[1].now + '</div>'));
});
anim.done(function () {
    alert('done!');
});