Nordis/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

#transtest {
	width: 50px;
	height: 50px;
	background: linear-gradient(45deg, #f06, yellow);
	transition: all 1s ease-in-out;
	transition-property: width, margin-left;
	transition-duration: 2s;
}

#transtest:hover {
	transition: all 1s ease-in-out;
	transition-property: width, margin-left;
	transition-duration: 2s;
	width: 300px;
	margin-left: 300px;
}

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

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

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	#transtest {
	width: 50px;
	height: 50px;
	background: linear-gradient(45deg, #f06, yellow);
	transition: all 1s ease-in-out;
	transition-property: width, margin-left;
	transition-duration: 2s;
	}

	#transtest:hover {
	transition: all 1s ease-in-out;
	transition-property: width, margin-left;
	transition-duration: 2s;
	width: 300px;
	margin-left: 300px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="transtest"></div>