Untitled

dabblet.css

* { padding: 0; margin: 0; }
body { background: #eeeeee; }
img {
	-webkit-filter: grayscale(100%);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
	-webkit-animation: down 1s ease, scale 1s ease .5s; 
	-webkit-transform: scale(1); 
}

@-webkit-keyframes down {
	0% {
		top: -400px;
	}
}

@-webkit-keyframes scale {
	50% {
		-webkit-transform: scale(1.2);
	}
}

dabblet.html

<img src="http://placekitten.com/300/300">

settings.json

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