dabblet.css

/**
 * Bouncy bouncy
 */

@keyframes foo {
	60%, 80%, to { margin-top: 400px; }
	70% { margin-top: 330px; animation-timing-function: ease-in; }
	90% { margin-top: 370px; animation-timing-function: ease-in; }
}

div {
	width: 50px;
	height: 50px;
	background: red;
	border-radius: 50%;
	animation: 3s foo infinite;
	animation-timing-function: ease-out;
}

dabblet.html

<div></div>

dabblet.js

// alert('Hello world!');

settings.json

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