JSFiddle - React, Tailwind, and code Playground
HTML
<div class="pilka"></div>
CSS
.pilka {
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: #252525;
border-radius: 100%;
-webkit-animation: animacja 1s infinite;
}
@-webkit-keyframes animacja {
0% {-webkit-transform: scale(1,1); -webkit-animation-timing-function: cubic-bezier(.75,.07,.88,.34);}
50% {-webkit-transform: scale(1.2,1.2); -webkit-animation-timing-function: cubic-bezier(.1,.67,.28,.9);}
100% {-webkit-transform: scale(1,1);}
}