Анимация по hover (правильная)

dabblet.css

/**
 * Анимация по hover (правильная)
 */

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;	
}

dabblet.html

<div ontouchstart="">Наведи курсор и посмотри как я кручусь!</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}