Chrisedmo · February 22, 2013 12:08
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS3 gradients on text…
 */


 h2[data-text] {
 	position: relative;
 	font-size: 20vh;
 	font-family: helvetica, sans-serif;
 	color: transparent;
 }
 h2[data-text]::after {
 	content: attr(data-text);
 	z-index: 10;
 	color: #e3e3e3;
 	position: absolute;
 	top: 0;
 	left: 0;
 	
 -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.0)), to(rgba(0,0,0,1.0)));
diff --git a/dabblet.html b/dabblet.html
 <h2 data-text="CSS3 Shadow text FTW!">CSS3 Shadow text FTW!</h2>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* CSS3 gradients on text…
	*/


	h2[data-text] {
	position: relative;
	font-size: 20vh;
	font-family: helvetica, sans-serif;
	color: transparent;
	}
	h2[data-text]::after {
	content: attr(data-text);
	z-index: 10;
	color: #e3e3e3;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.0)), to(rgba(0,0,0,1.0)));