<div></div>
body {background: #f1f1f1;}
div {
	box-shadow: inset hoff voff blur #000;
	width: 50px;
	height: 50px;
	background: #000;
	
	box-shadow: 
		60px 0 0 #F97794,
		120px 0 0 #a66,
		180px 0 0 #faa,
		240px 0 0 #7d7d7d,
		300px 0 0 #d2d2d2,
		360px 0 0 #4a4;
	
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.