csssecrets · January 20, 2015 03:25
diff --git a/dabblet.css b/dabblet.css
 /**
 * Marching ants border
 */
 
 @keyframes ants { to { background-position: 100% 100% } }

 div {
 	padding: 1em;
 	border: 1px solid transparent;
 	background: linear-gradient(white, white) padding-box,
 	            repeating-linear-gradient(-45deg, black 0, black 25%, transparent 0, transparent 50%) 0 / .6em .6em;
 	animation: ants 12s linear infinite;
 	
 	max-width: 20em;
 	font: 100%/1.6 Baskerville, Palatino, serif;
 }
diff --git a/dabblet.html b/dabblet.html
 <div>Bacon ipsum dolor amet eu adipisicing elit tongue ground round ex fatback proident kielbasa ham hock. Sausage beef beef ribs aliquip t-bone mollit. Quis beef tri-tip sunt, cupim ut magna salami t-bone. Ut laboris bresaola ribeye biltong landjaeger. Chuck pork belly sed sausage.</div>
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":"css"}
	/**
	* Marching ants border
	*/

	@keyframes ants { to { background-position: 100% 100% } }

	div {
	padding: 1em;
	border: 1px solid transparent;
	background: linear-gradient(white, white) padding-box,
	repeating-linear-gradient(-45deg, black 0, black 25%, transparent 0, transparent 50%) 0 / .6em .6em;
	animation: ants 12s linear infinite;

	max-width: 20em;
	font: 100%/1.6 Baskerville, Palatino, serif;
	}