JSFiddle - React, Tailwind, and code Playground
by luka kupunia
HTML
<div></div>
<div></div>
CSS
body {
background: black;
}
div {
border: 10px solid red;
border-radius:50%;
margin: 180px auto;
width: 300px;
height: 300px;
position: absolute;
left: 200px;
animation: a cubic-bezier(0.01, 0.01, 0.02, 0.99) 1s infinite both;
}
div:nth-child(2){
animation-delay: .1s;
}
@keyframes a{
100% {
opacity: 0;
transform: scale(2);
}
}