JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<div></div>

CSS

div {
  height: 100px;
  width: 100px;
  background: red;
  transform: rotate(45deg);
  animation: origin 5s infinite linear;
}

@keyframes origin {
  0% {
    transform-origin: 0% 0%;
  }
  25% {
    transform-origin: 100% 0%;
  }
  50% {
    transform-origin: 100% 100%;
  }
  75% {
    transform-origin: 100% 0%;
  }
  100% {
    transform-origin: 0% 0%;
  }
}