googya · April 26, 2018 03:11
diff --git a/dabblet.css b/dabblet.css
 /**
 * Translucent borders
 */

 body {
 	background: url('http://csssecrets.io/images/stone-art.jpg');
 }

 div {
 	border: 10px solid hsla(0,0%,100%,.5);
 	background: blue;
 	background-clip: content-box;
 	
 	/* styling */
 	max-width: 20em;
 	padding: 2em;
 	margin: 2em auto 0;
 	font: 100%/1.5 sans-serif;
 }
diff --git a/dabblet.html b/dabblet.html
 <div>
 Can I haz semi-transparent borders?
 Pretty please?
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Translucent borders
	*/

	body {
	background: url('http://csssecrets.io/images/stone-art.jpg');
	}

	div {
	border: 10px solid hsla(0,0%,100%,.5);
	background: blue;
	background-clip: content-box;

	/* styling */
	max-width: 20em;
	padding: 2em;
	margin: 2em auto 0;
	font: 100%/1.5 sans-serif;
	}
	<div>
	Can I haz semi-transparent borders?
	Pretty please?
	</div>