Skip to content

Instantly share code, notes, and snippets.

@mvargasmoran

mvargasmoran/dabblet.css

Created November 4, 2013 15:57
Show Gist options
  • Save mvargasmoran/7304723 to your computer and use it in GitHub Desktop.
Save mvargasmoran/7304723 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* 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);
}
Raw
dabblet.html
<!-- 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"/>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment