JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<div></div>

CSS

div {
  width: 100px;
  height: 100px;
  background: orange;
  animation: rotate_me 6s 3 linear;
}

@keyframes rotate_me {
  0% {
    transform: rotate(0deg) scale(0.5)
  }
  33% {
    transform: rotate(90deg) scale(0.5)
  }
  66% {
    transform: rotate(90deg) scale(0.5)
  }
  100% {
    transform: rotate(360deg) scale(0.5)
  }
}