Animated Pulse

pulse.css

#backlight {
	position:absolute;
	top:150px;
	left:150px;
	width:0;
	height:0;
	-webkit-border-radius: 150px;
	   -moz-border-radius: 150px;
	   		border-radius: 150px;
	-webkit-box-shadow:0 -15px 90px 35px rgba(0,255,255,0.5),
					   0 15px 90px 35px rgba(255,0,255,0.5);
	   -mox-box-shadow:0 -15px 90px 35px rgba(0,255,255,0.5),
					   0 15px 90px 35px rgba(255,0,255,0.5);
	   		box-shadow:0 -15px 90px 35px rgba(0,255,255,0.5),
					   0 15px 90px 35px rgba(255,0,255,0.5);
	opacity: 0.75;
	-webkit-animation-name: pulse; 
	-webkit-animation-duration: 2.2s;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1.0);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: scale(1.2);
    opacity: 1.0;
  }
  to { 
    -webkit-transform: scale(1.0);
    opacity: 0.75;
  }
}