jupegarnica/dabblet.css

## dabblet.css
/**
 * Reversing animation on mouse-out
 * Issues: Animation will also play in the beginning
 */

@keyframes test {
	from { background: white }
	to { background: black }
}

html {
	background: black;
	animation: 2s test;
}

html:hover {
	animation: 2s test reverse;
}

## dabblet.html
<!-- -->

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Reversing animation on mouse-out
	* Issues: Animation will also play in the beginning
	*/

	@keyframes test {
	from { background: white }
	to { background: black }
	}

	html {
	background: black;
	animation: 2s test;
	}

	html:hover {
	animation: 2s test reverse;
	}