machal · January 27, 2012 11:04
diff --git a/dabblet.css b/dabblet.css
 /**
 * Dabblet: CSS transitions demo
 */

 #example {
  transition: background .5s, top .5s 1s;
  position: absolute;
  top: 20px;
  padding: 20px;
  background: #999;
  width: 300px;
  color: #fff;
 }
      
 #example:hover {
  top: 200px;
  background: #333;
 }

 #example p {
  width: 300px
 }

 body {
  font: 2em sans-serif;
 }


diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div id="example">
  <p>Demo box</p>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"css"}
	/**
	* Dabblet: CSS transitions demo
	*/

	#example {
	transition: background .5s, top .5s 1s;
	position: absolute;
	top: 20px;
	padding: 20px;
	background: #999;
	width: 300px;
	color: #fff;
	}

	#example:hover {
	top: 200px;
	background: #333;
	}

	#example p {
	width: 300px
	}

	body {
	font: 2em sans-serif;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id="example">
	<p>Demo box</p>
	</div>