suefeng
6/7/2016 - 7:43 PM

Triangular Gradient

Triangular Gradient

dabblet.css
content_copyfile_download
/**
 * Triangular Gradient
 */

background: #99ddff;
background-image: 
linear-gradient(180deg, hsla(0,0%,100%,.2) 50%, transparent 0),
linear-gradient(150deg, hsla(0,0%,100%,.2) 50%, transparent 0),
linear-gradient(120deg, hsla(0,0%,100%,.2) 50%, transparent 0),
linear-gradient(90deg, hsla(0,0%,100%,.2) 50%, transparent 0),
linear-gradient(60deg, hsla(0,0%,100%,.2) 50%, transparent 0),
linear-gradient(30deg, hsla(0,0%,100%,.2) 50%, transparent 0);
height: 100vh;
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->
dabblet.js
content_copyfile_download
// alert('Hello world!');
settings.json
content_copyfile_download
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}