JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

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

CSS

body {
  margin: 0;
  overflow: hidden;
}
.box {
  width: 150%;
  position: absolute;
  height: 50px;
  background: red;
  text-align: right;
  animation: a 4s forwards;
}
@keyframes a {
  100% { transform: translateX(-100%);}
}