dziudek/dabblet.css

## dabblet.css
/**
 * Animated dotted lines
 */

#dotted {
	border-top: 3px dotted #aaa;
	height: 200px;
	transition: all .3s ease-out;
	width: 15px;
}
#dotted:hover {
	width: 85px;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="dotted"></div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Animated dotted lines
	*/

	#dotted {
	border-top: 3px dotted #aaa;
	height: 200px;
	transition: all .3s ease-out;
	width: 15px;
	}
	#dotted:hover {
	width: 85px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="dotted"></div>