LeaVerou/dabblet.css

## dabblet.css
/**
 * Non-interpolatable properties in animation
 */

@keyframes foo {
	from { --foo: yellow }
	to { --foo: green }
}

body {
	background: var(--foo);
	animation: foo 1s infinite;
}

## dabblet.html
<div><span></span></div>

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

## settings.json
{"view":"split","fontsize":"110","seethrough":"","prefixfree":"","page":"css"}
	/**
	* Non-interpolatable properties in animation
	*/

	@keyframes foo {
	from { --foo: yellow }
	to { --foo: green }
	}

	body {
	background: var(--foo);
	animation: foo 1s infinite;
	}