JSFiddle - React, Tailwind, and code Playground

HTML

<div id="animate">Yo</div>

CSS

#animate {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateX(0px);
  -webkit-animation: move 3s;
  animation: move 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}



@-webkit-keyframes move {
   from { -webkit-transform: translateX(0px); }
   to { -webkit-transform: translateX(500px); }
}
@keyframes move {
   from { transform: translateX(0px); }
   to { transform: translateX(500px); }
}