Untitled

dabblet.css

#title {
	text-align: center;
}

#title span {
	position: relative;
	display: inline-block;
	font-family: Century Gothic, arial, sans-serif;
	font-size: 104px;
	text-align: center;
	color: #FFD700;
	text-transform: uppercase;
	letter-spacing: -4px;
	text-shadow: -4px -4px 0px #cccccc, 8px 8px 0px #cccccc);

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#title span{ 
		background: -webkit-gradient(linear, left top, left bottom, from(#FFD700), to(#FFD999));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: none !important;
	}
	#title span:after {
		content: attr(data-text);
		left: 8px;
		position: absolute;
		background: url("http://i.imgur.com/RkDRMcJ.png");
		-webkit-background-clip: text;
		-webkit-background-fill-color: transparent;
		text-shadow: -4px -4px 0px #cccccc, -1px 0px 0px #cccccc);
		top: 8px;
		z-index: -1;
		width: 100%;
	}
}

dabblet.html

<a><div id="title"><span data-text="All Things Gold">All Things Gold</span></div></a>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"70","seethrough":"","prefixfree":"1","page":"css"}