JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div class="block fader">Message</div>

CSS

.block{
  padding: 1em 1.6em;
  font-family: Arial;
}
.fader{
  animation: fadein 3s ease-in-out 0s 1;
  background-color: #fbb;
  color: black;
}
@keyframes fadein {
  0%, 100% {
    background-color: #fbb;
  }
  50% {
    background-color: #f22;
  }
}