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{
  opacity: 0;
  animation: fadein 9s ease-in-out 0s 1;
  background-color: green;
  color: white;
}
@keyframes fadein {
  0%, 100% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}