blipping.css

/*blipping*/

.blip{
	margin: 0 0;
	position: absolute;
	border-radius: 50%;
	background: green;
	opacity: 0.7;	
	width: 100px;
	height: 100px;
}


.blipping{
	border-radius: 50%;
	-webkit-animation: scaleUp 2.3s infinite linear;
    animation: scaleUp 2.3s infinite linear;
}

.delayedBlip{
	-webkit-animation-delay: -1.6s;
	animation-delay: -1.6s;
}

@keyframes scaleUp {

	0%{
		opacity: 1; transform: scale(0); 
	}
	40%{
		opacity: 0.5; transform: scale(0.5);
	}
	100%{
		opacity: 0; transform: scale(1.0);
	}
}
@-moz-keyframes scaleUp {
	0%{
		opacity: 1; -moz-transform: scale(0); 
	}
	40%{
		opacity: 0.5; -moz-transform: scale(0.5);
	}
	100%{
		opacity: 0; -moz-transform: scale(1.0);
	}
}
@-webkit-keyframes scaleUp {
	0%{
		opacity: 1; -webkit-transform: scale(0); 
	}
	40%{
		opacity: 0.5; -webkit-transform: scale(0.5);
	}
	100%{
		opacity: 0; -webkit-transform: scale(1.0);
	}
}