JSFiddle - React, Tailwind, and code Playground

by Chris Getz

HTML

<div id="box">

</div>

CSS

#box{
  width:100px;
  height:110px;
  background-color:red;
  color: white;
  animation-name: example;
  animation-duration: 4s;
  animation-delay: 2s;
}

/* The animation code */
@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}

JavaScript

var testBox = document.getElementById("box");
testBox.innerHTML = "cacahuetes";