Animation with one keyframe

dabblet.css

/* Animation with one keyframe */

html { background: white }
body {
	width: 100px; height: 100px;
	background: slategray;
}

html:hover > body {
	animation: 1s animation infinite;
}

@keyframes animation {
	50% { width: 200px; }
}

dabblet.html

Hover over me for a surprise ;)

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}