JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<div></div>

CSS

.div {
  --scaleY: 1;
  --color: #FFF;
  --bg-color: #000;
  padding-bottom: 100%;
  border-radius: 50%;
  animation: scale 1s, flip 0.5s, toggle 1s;
}
@keyframe scale {
  
}
@keyframe flip {
  0% {
    --scaleY: 1;
  }
  100% {
    --scaleY: 1;
  }
}
@keyframe toggle {
  
}