JSFiddle - React, Tailwind, and code Playground

by dav sev

HTML

<div id="demo">
<div id="a" class='circle'></div>
<div id="b" class='circle'></div>
</div>

CSS

#demo{
	width: 500px;
	height: 500px;
	background-color: lightgrey;    
}
#a{
position: absolute;
left: 10%;
top: 50%;
}

#b{
position: absolute;
left: 15%;
top: 60%;
}

.circle{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: blue;    
    animation: aanim1 1s infinite;
    
}

@keyframes aanim1 { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.3); } 
    100% { transform: scale(1); } 
}