alexeyten · March 30, 2012 07:01
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 div {
 min-height: 100%;
 background: silver;
 background-image: repeating-linear-gradient(-45deg, silver, silver 25px, gray 26px, gray 50px, silver 51px);
 width: 400px;
 height: 400px;
 transition: background 1s linear;
 }



 div:hover {
 background-image: repeating-linear-gradient(45deg, silver, silver 25px, gray 26px, gray 50px, silver 51px);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div>x</div>
diff --git a/settings.json b/settings.json
 {"view":"separate","seethrough":"1","prefixfree":"1","page":"result"}
	/**
	* The first commented line is your dabblet’s title
	*/
	div {
	min-height: 100%;
	background: silver;
	background-image: repeating-linear-gradient(-45deg, silver, silver 25px, gray 26px, gray 50px, silver 51px);
	width: 400px;
	height: 400px;
	transition: background 1s linear;
	}



	div:hover {
	background-image: repeating-linear-gradient(45deg, silver, silver 25px, gray 26px, gray 50px, silver 51px);
	}
	<!-- content to be placed inside <body>…</body> -->

	<div>x</div>