JSFiddle - React, Tailwind, and code Playground

by Lhankor_Mhy

HTML

<div style="left: -100px;">

</div>

CSS

body {
  width: 100%;
  overflow: hidden;
}

div {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: gray;
  animation: moveImage_c1 1s forwards;
}

@keyframes moveImage_c1 {
  0% {
    left: 0%;
    transform: translateX(0%);
  }
  100% {
    left: 100%;
    transform: translateX(-100%);
  }
}