aurelkurtula
5/6/2013 - 12:08 AM

zig-zag background (SO)

zig-zag background (SO)

settings.json
content_copyfile_download
{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->
dabblet.css
content_copyfile_download
/**
 * zig-zag background (SO)
 * CSS Zigzag Border with a Textured Background
 */

background:	linear-gradient(#BCED91 49%, transparent 49%),
		linear-gradient(-45deg, white 33%, transparent 33%) 0 50%,
		white linear-gradient(45deg, white 33%, #BCED91 33%) 0 50%;
	background-repeat: repeat-x;
	background-size: 1px 100%, 40px 40px, 40px 40px;
min-height: 100%;