JSFiddle - React, Tailwind, and code Playground

by ethertank

HTML

<div class="redToBlue rect">

</div>

CSS

.rect { width: 100px; height: 100px; }

JavaScript

var redToBlue = document.getElementsByClassName("redToBlue")[0];

redToBlue.animate([
    { background: "red", offset: 0 },
    { background: "blue", offset: 1 }
], {
    duration: 1000,
    direction: "alternate",
    iterations: Infinity
});