awayken · February 12, 2012 20:34
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS3 Secrets
 */
 #box1 { background: blue; width: 250px; height: 250px; transition: .5s; }
 #box1:hover { width: 500px; }
 /** slide 2
 #box1:hover { transition: 1.5s; }
 **/
 /** slide 5
 #box1:hover { transition: .5s cubic-bezier(0, 1, 1, 2); }
 **/
 /** multiple outlines **/
 #box1 { box-shadow: 0 0 0 5px black, 0 0 0 10px gold, 0 0 0 20px black, 0 0 0 35px red; }
diff --git a/dabblet.html b/dabblet.html
 <div id="box1">Box 1</div>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"css"}
	/**
	* CSS3 Secrets
	*/
	#box1 { background: blue; width: 250px; height: 250px; transition: .5s; }
	#box1:hover { width: 500px; }
	/** slide 2
	#box1:hover { transition: 1.5s; }
	**/
	/** slide 5
	#box1:hover { transition: .5s cubic-bezier(0, 1, 1, 2); }
	**/
	/ multiple outlines /
	#box1 { box-shadow: 0 0 0 5px black, 0 0 0 10px gold, 0 0 0 20px black, 0 0 0 35px red; }