hatena chips Sample

CSS3でページトップに点光源効果

CSS

body:before {
	content: "";
	position: fixed;
	top: -500px;
	left: 25%;
	width: 50%;
	height: 500px;
	z-index: 0;
	box-shadow: 
		0px 0px 200px 20px rgba(226, 240, 255, 0.9),
		0px 5px 300px 100px rgba(226, 240, 255, 0.7),
		0px 15px 500px 250px rgba(226, 240, 255, 0.5);
	border-radius: 400px;
}