css Sorta圆锥形渐变

Posted 2021-05-13

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

// alert('Hello world!');

<div></div>

/**
 * Sorta conical gradient
 */

div {
	width: 200px; height: 200px;
	border-radius: 50%;
	background: grey;
	overflow: hidden;
}

div:before {
	content: '';
	display: block;
	border: 100px solid;
	border-color: yellow fuchsia aqua limegreen;
	border-radius: 50%;
	-webkit-filter: blur(40px);
}