Image interpolation demo

dabblet.css

/* Image interpolation demo */

@keyframes browsers {
	from, to { background-image: url('http://lea.verou.me/css-4d/img/firefox-logo.png'); }
	20% { background-image: url('http://lea.verou.me/css-4d/img/chrome-logo.png'); }
	40% { background-image: url('http://lea.verou.me/css-4d/img/safari-logo.png'); }
	60% { background-image: url('http://lea.verou.me/css-4d/img/opera-logo.png'); }
	80% { background-image: url('http://lea.verou.me/css-4d/img/ie-logo.png'); }
}

html {
	background: center;
	animation: 5s browsers infinite;
}

settings.json

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