CSSConf gradient

dabblet.css

/* CSSConf gradient */

html {
	background: #e6e6e6;
	height: 100%;
}

body {
	position: relative;
	width: 800px;
	min-height: 100%;
	margin: 50px auto;
	background-color: #96cd23;
	background-image: radial-gradient(hsla(330, 50%, 60%,0) 64%, #c69 66%, #c69 75%, hsla(330, 50%, 60%,0) 77%, hsla(48, 100%, 50%,0) 90%, #fc0 92%),
	                  radial-gradient(hsla(330, 50%, 60%,0) 64%, #c69 66%, #c69 75%, hsla(330, 50%, 60%,0) 77%, hsla(48, 100%, 50%,0) 90%, #fc0 92%);
	background-size: 100px 100px;
	background-position: 0 0, 50px 50px;
}

body:before {
	content: '';
	position: absolute;
	background: radial-gradient(100% 100%, transparent, transparent 70%, #e6e6e6 70%) right top,
	            radial-gradient(100% 100%, transparent, transparent 70%, #e6e6e6 70%) left bottom,
	            linear-gradient(135deg, #e6e6e6 65%, white 65%) top left;
	background-repeat: no-repeat;
	background-size: 50px 50px, 50px 50px, 100px 100px;
	left: 0; top: 0;
	width: 150px;
	height: 150px;
}

settings.json

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