Crossfade images by transitioning background-image

dabblet.css

/* Crossfade images by transitioning background-image */
/* tweaked from dabblet by Zee Agency mentioned in https://twitter.com/ChromiumDev/status/174568285822664704 */
div {
	width: 400px;
	height: 200px;
	background-image: url("http://lorempixel.com/400/200/animals/1/");
	background-repeat: no-repeat;
	transition: background-image 0.5s;
}
div:hover {
	background-image: url("http://lorempixel.com/400/200/animals/2/");
}

dabblet.html

<div></div>

settings.json

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