cross-fade() interpolation

dabblet.css

/**
 * cross-fade() interpolation
 * Compare behavior of mousing out before the transition finishes with mousing out after letting the transition finish.
 */

body {
	background: url(https://placekitten.com/200/200);
	height: 99vh;
	transition: 2s;
}

body:hover {
	background: url(https://placekitten.com/300/200);
}

dabblet.js

// alert('Hello world!');

settings.json

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