JSFiddle - React, Tailwind, and code Playground

by julienbidoret

HTML

<div>

</div>

CSS

div{
  width: 50px;
  height: 72px;
  border: 1px solid red;
  background-image: url("https://miro.medium.com/v2/resize:fit:1000/format:webp/0*u4zrxW2TUwmZ9VzH.png");
  animation: moveX 3s 2s linear forwards;
}

@keyframes moveX{
  from{background-position-x:0px;}
  to{background-position-x:-450px;}
}