JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div class="small-pulse"></div>

CSS

.small-pulse {
position: absolute;
top: 50%;
left: 50%;
width: 88px;
height: 88px;
margin: -40px 0 0 -40px;
border-radius: 100%;
background-color: #444;
animation: small-pulse 0.5s ease infinite;
-moz-animation: small-pulse 0.5s ease infinite;
-webkit-animation: small-pulse 0.5s ease infinite;
-o-animation: small-pulse 0.5s ease infinite;
-ms-animation: small-pulse 0.5s ease infinite;
}

@-moz-keyframes inner-rotate{
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes inner-rotate{
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}


@-moz-keyframes small-pulse{
	0% {width:78px; height:78px; margin:-39px 0 0 -39px;}
	50% {width:88px; height:88px; margin:-44px 0 0 -44px;}
	100% {width:78px; height:78px; margin:-39px 0 0 -39px;}	
}
@-webkit-keyframes small-pulse{
	0% {width:78px; height:78px; margin:-39px 0 0 -39px;}
	50% {width:88px; height:88px; margin:-44px 0 0 -44px;}
	100% {width:78px; height:78px; margin:-39px 0 0 -39px;}	
	
}