JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div></div>

CSS

div {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -100px;
  background: green;
  animation: a 4s linear infinite , b 10s linear infinite;
}
@keyframes a {
  100% { transform: rotate(360deg); }
}
@keyframes b {
  25% { border-radius: 50%; }
  50% { border-radius: 100%; }
  75% { border-radius: 50%; }
  100% { border-radius: 100%; }
}