css patterns

dabblet.css

/**
 * css patterns
 */

div.pattern{
	margin: 20px 10%;
	height: 200px;
	width: 200px;
	/widht: 80%;
	border: 1px solid #EEE;
}
.pattern1{
	background: repeating-radial-gradient(0% 100%, ellipse farthest-corner, #555, #222);
	background-size: 20px 10px;
}
.pattern2{
	background: repeating-linear-gradient(45deg,
		red, red 10%, white 10%, white 20%
	);
}

dabblet.html

<div class='pattern pattern1'></div>
<div class='pattern pattern2'></div>

settings.json

{"view":"separate","fontsize":"60","seethrough":"","prefixfree":"1","page":"all"}