style.css

style.css

.myglow {
	background: #FF0C0C;
	border-radius: 50%;
	margin: 10px;
	height: 10px;
	width: 10px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
	animation-delay: 100ms;
}

.myglow2 {
	animation-delay: 300ms;
}

.myglow3 {
	animation-delay: 500ms;
}

.myglow4 {
	animation-delay: 700ms;
}

.myglow5 {
	animation-delay: 900ms;
}


@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 12, 12, 0.37);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 12, 12, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}