csssecrets · October 6, 2014 01:38
diff --git a/dabblet.css b/dabblet.css
 /**
 * Typing animation
 */

 @keyframes typing {
 	from { width: 0 }
 }

 @keyframes caret {
 	50% { border-right-color: transparent; }
 }

 h1 {
 	font: bold 200% Consolas, Monaco, monospace;
 	/*width: 8.25em;*/
 	width: 15ch;
 	white-space: nowrap;
 	overflow: hidden;
 	border-right: .05em solid;
 	animation: typing 8s steps(15),
 	           caret 1s steps(1) infinite;
 }
diff --git a/dabblet.html b/dabblet.html
 <h1>CSS is awesome!</h1>
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"}
	/**
	* Typing animation
	*/

	@keyframes typing {
	from { width: 0 }
	}

	@keyframes caret {
	50% { border-right-color: transparent; }
	}

	h1 {
	font: bold 200% Consolas, Monaco, monospace;
	/width: 8.25em;/
	width: 15ch;
	white-space: nowrap;
	overflow: hidden;
	border-right: .05em solid;
	animation: typing 8s steps(15),
	caret 1s steps(1) infinite;
	}