JSFiddle - React, Tailwind, and code Playground

by adamh

HTML

<div id="target">Hello</div>

JavaScript

$('div#target').animate({
    opacity: .5
}, {
    duration: 1000,
    easing: 'linear',
    step: function(now, fx) {
        var data = fx.pos + ' - ' + fx.elem.id + ' ' + fx.prop + ': ' + now + '/' + fx.end;
        $('body').append('<div>' + data + '</div>');
    }
});

console.debug(fx);