JSFiddle - React, Tailwind, and code Playground

by Morpheus_God

HTML

<div class="block">
  
</div>

CSS

.block{
  width:300px;
  height:300px;
  background-color: #fff;
  animation-name: color_change;
  animation-duration: 5s;
  animation-iteration-count:infinite;
}

@keyframes color_change{
  from{
    border-radius:0%;
    background-color: green;
  }
  to{
    border-radius:50%;
    background-color: red;
  }
}