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: in 1s ease;
	-webkit-transform: scale(1);
	
}

@-webkit-keyframes in {
	0% {
		top: -400px;
	}
	
	70% {
		top: 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"}