JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<div id="test">Wait for 2 seconds</div>

CSS

@keyframes color_up {
    from {
        color: rgba(0,0,0,0.2);
    }
    to {
        color: rgba(0,255,0,0.4);
    }
}

#test { height: 100px; width: 100px; font-size: 0.9em; padding: 20px; 

  animation-name: color_up;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}