JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

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

CSS

div.box {
  width: 200px;
  height: 200px;
  background: linear-gradient(purple,red);
  animation: a 1.5s linear both infinite;
}


@keyframes a {
  50% { transform: translateX(400px) rotateX(90deg); }
  100% { transform: translateX(0) rotateX(0deg); }
}