rgba with 0 alpha component

dabblet.css

/**
 * rgba with 0 alpha component
 */
ul>li{
	height:30px;
	line-height:30px;
	border:1px dotted grey;
	margin:10px;
	font-family:sans-serif;
}
ul>li:nth-child(1){
	background-image:linear-gradient(90deg,rgba(0,255,0,1) 0,rgba(0,255,0,0) 100%);
}
ul>li:nth-child(2){
	background-image:linear-gradient(90deg,rgba(0,255,0,1) 0,rgba(255,0,0,0) 100%);
}
ul>li:nth-child(3){
	background-image:linear-gradient(90deg,rgba(0,255,0,1) 0,rgba(0,0,0,0) 100%);
}
ul>li:nth-child(4){
	background-image:linear-gradient(90deg,rgba(0,255,0,1) 0,transparent 100%);
}

dabblet.html

<ul>
	<li>rgba(0,255,0,1) &rarr; rgba(0,255,0,0)</li>
	<li>rgba(0,255,0,1) &rarr; rgba(255,0,0,0)</li>
	<li>rgba(0,255,0,1) &rarr; rgba(0,0,0,0)</li>
	<li>rgba(0,255,0,1) &rarr; transparent</li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

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