JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
  width: 300px;
  height: 300px;
  animation-duration: 3s;
  animation-name: slidein;
}

p {
  animation-duration: 3s;
  animation-name: change-color;
}

@keyframes change-color {
  from {
    background-color: rgb(0, 0, 255);
  }

  to {
    background-color: rgb(0, 255, 0);
  }
}