JSFiddle - React, Tailwind, and code Playground

by Shishir Morshed

HTML

<div class="box"></div>

CSS

.box {
  width: 100px;
  height: 100px;
  background: tomato;
  position: relative;
  animation: kf 2s 2s both;
  transform: translateX(50px);
}

@keyframes kf {
  0% { transform: translateX(0px); }
  100% { transform: translateX(100px); }
}