LeaVerou · January 9, 2014 12:26
diff --git a/dabblet.css b/dabblet.css
 /**
 * Animation on hover (right way)
 */

 div {
 	width: 9em;
 	padding: .6em 1em;
 	margin: 2em auto;
 	background: yellowgreen;
 	animation: spin 1s linear infinite;
 	animation-play-state: paused;
 }

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

 div:hover {
 	animation-play-state: running;	
 }
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 (right way)
	*/

	div {
	width: 9em;
	padding: .6em 1em;
	margin: 2em auto;
	background: yellowgreen;
	animation: spin 1s linear infinite;
	animation-play-state: paused;
	}

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

	div:hover {
	animation-play-state: running;
	}