JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li></li>
</ul>
CSS
li {
position: absolute;
height: 70px;
width: 70px;
list-style-type: none;
display:block;
border: 5px solid red;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: growUp 1s;
-moz-animation: growUp 1s;
-ms-animation: growUp 1s;
-o-animation: growUp 1s;
animation: growUp 1s;
animation-iteration-count: infinite;
}
@-webkit-keyframes growUp {
0% { -webkit-transform: scale(0); }
100% { -webkit-transform: scale(1); }
}
@keyframes growUp {
0% { -moz-transform: scale(0); }
100% { -moz-transform: scale(1); }
}