JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div></div>

CSS

div {
  width: 50px;
  height: 50px;
  margin: 100px auto;
  background: red;
  border-radius: 50%;
  transform: scaleX(1) scaleY(1);
  transform-origin: right;
  animation: a 1s;
}
@keyframes a {
  80% {
    transform: scaleX(1.3) scaleY(1);  
  }
  100% {
    transform: scaleX(2) scaleY(2)
  }
}