JSFiddle - React, Tailwind, and code Playground

by mgiuffrida

HTML

<div>
    Animate me!
</div>

JavaScript

var player = document.querySelector('div').animate([{
    opacity: 1.0,
}, {
    opacity: 0.1,
}], {
    duration: 2000,
});

setTimeout(function() {
    console.log('Canceling');
    player.cancel();
}, 1000);

player.addEventListener('cancel', console.log.bind(console, 'Canceled!'));