mvargasmoran
11/4/2013 - 3:25 PM

¡Asteroid!

¡Asteroid!

settings.json
content_copyfile_download
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
dabblet.js
content_copyfile_download
// alert('Hello world!');
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->

<img src="http://commondatastorage.googleapis.com/codeskulptor-assets/asteroid1.opengameart.warspawn.png" />
<div class="animated"></div>
dabblet.css
content_copyfile_download
/**
 * ¡Asteroid!
 8192  128
 */


@keyframes motion{
	from{ background-position: 0 0; }
	to{ background-position: -8192px 0;}
}
.animated{
	margin: 100px auto;
	width: 128px; height: 128px;
	/* border: 1px solid black;http://www.kevinbertel.com/diablo2/sheets/AI-2HS-A1-hd_LIT-tr_LIT-lg_LIT-ra_LIT-la_LIT-s1_LIT-s2_LIT-rh_CLM-lh_0-sh_0-.gif */
	background: url("http://commondatastorage.googleapis.com/codeskulptor-assets/asteroid1.opengameart.warspawn.png") 0 0;
	animation: motion 7s infinite steps(64);
}