JSFiddle - React, Tailwind, and code Playground

HTML

<div class="qcss_demo">

</div>

CSS

.qcss_demo {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  background-color: transparent;
  transition: background-color 0.2s linear;
}

JavaScript

$.fn.extend({
  qcss: function(css) {
    return $(this).queue(function(next) {
      $(this).css(css);
      next();
    });
  }
});

$('.qcss_demo')
  .delay(750)
  .qcss({ backgroundColor: 'skyblue' })
  .delay(750)
  .qcss({ backgroundColor: 'springgreen' })
  .delay(750)
  .qcss({ backgroundColor: 'pink' })
  .delay(750)
  .qcss({ backgroundColor: 'slategray' })