Glowing circle

dabblet.css

/**
 * Glowing circle
 */

body {
	background: #047;
}

div {
	float: left;
	width: 300px;
	height: 300px;
}

#test {
	border: 10px solid #fff;
	border-radius: 160px;
	box-shadow:
		0 0 20px #fff,
		0 0 15px #fff,
		0 0 10px #fff,
		0 0 5px #fff,
		0 0 1px #fff,
		0 0 1px #fff,
		inset 0 0 1px #fff,
		inset 0 0 1px #fff,
		inset 0 0 1px #fff,
		inset 0 0 5px #fff,
		inset 0 0 10px #fff,
		inset 0 0 15px #fff,
		inset 0 0 20px #fff
	;
}

#test2 {
	background: radial-gradient(
		center,
		ellipse cover,
		rgba(255,255,255,0) 46%,
		rgba(255,255,255,1) 50%,
		rgba(255,255,255,1) 56%,
		rgba(255,255,255,0) 60%
	);
}

dabblet.html

<div id="test"></div>
<div id="test2"></div>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"css"}