Fifth example, colors meeting at different position

dabblet.css

/** 
 * Fifth example, colors meeting at different position
 */


background: linear-gradient(45deg, transparent 29.99%, #8b0 40%);

background: red;
background: linear-gradient(45deg, transparent 25%,	#8b0 25%, #8b0 50%, transparent 50%, transparent 75%,  #8b0 75%);
background-size:100px 100px;
height: 100%;

settings.json

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