mvargasmoran
11/4/2013 - 3:57 PM

The first commented line is your dabblet’s title

The first commented line is your dabblet’s title

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> -->
<div class="animated"></div>
<img src="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"/>
dabblet.css
content_copyfile_download
/**
 * The first commented line is your dabblet’s title
 */

/**
 * Diablo2 assassin
 w 4163 23  h 2252 16
 */


@keyframes motion{
	from{ background-position: 0 0; }
	to{ background-position: -4163px -0px;}
}
.animated{
	margin: 100px auto;
	width: 181px; height: 160px;
	border: 1px solid black;
	background: url("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") 0 0;
	animation: motion .8s infinite steps(23);
}