LeaVerou · January 9, 2014 13:58
diff --git a/dabblet.css b/dabblet.css
 /**
 * Animation on hover (wrong way)
 */

 div {
 	width: 9em;
 	padding: .6em 1em;
 	margin: 2em auto;
 	background: yellowgreen;
 }

 @keyframes spin {
 	to {
 		transform: rotate(1turn);
 	}
 }

 div:hover {
 	animation: spin 1s linear infinite;
 }
diff --git a/dabblet.html b/dabblet.html
 <div ontouchstart="">Hover over me and watch me spin!</div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Animation on hover (wrong way)
	*/

	div {
	width: 9em;
	padding: .6em 1em;
	margin: 2em auto;
	background: yellowgreen;
	}

	@keyframes spin {
	to {
	transform: rotate(1turn);
	}
	}

	div:hover {
	animation: spin 1s linear infinite;
	}