jcsrb · June 26, 2012 21:00
diff --git a/dabblet.css b/dabblet.css


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

 div{
 	margin: 100px auto;
 	height: 300px;
 	width: 300px;
 	background: red;
 	padding: 5px;
 	background-clip: content-box;
 	border: 1px solid blue;
 	border-width: 50px;
        border-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
 	border-image-slice: 50;
 	border-image-repeat: repeat;

 	transition: border-image-slice 1s ease-in-out;
 }
 div:hover{
 	border-image-slice: 5
 }


 	
diff --git a/dabblet.html b/dabblet.html
 <div></div><!-- content to be placed inside <body>…</body> -->
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}


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

	div{
	margin: 100px auto;
	height: 300px;
	width: 300px;
	background: red;
	padding: 5px;
	background-clip: content-box;
	border: 1px solid blue;
	border-width: 50px;
	border-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
	border-image-slice: 50;
	border-image-repeat: repeat;

	transition: border-image-slice 1s ease-in-out;
	}
	div:hover{
	border-image-slice: 5
	}