<div class='rays'></div>
html {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh
}

.rays {
	width: 80vmin; height: 80vmin;
	border-radius: 50%;
	background: linear-gradient(#f90, #95a)
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.