shabunc · April 2, 2012 14:38
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 .block {
 	border: 1px solid black;
 	padding: 5px;
 	width: 150px;
 	height: 150px;
 }

 .block:hover {
 	height: 300px;
 	background: red;
 	transition: all 2s;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class="block">
   COME HOVER ME
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	.block {
	border: 1px solid black;
	padding: 5px;
	width: 150px;
	height: 150px;
	}

	.block:hover {
	height: 300px;
	background: red;
	transition: all 2s;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="block">
	COME HOVER ME
	</div>