Sprite Sheet animation with CSS3 using the steps() feature

dabblet.css

/**
 * Sprite Sheet animation with CSS3 using the steps() feature
 * Simplified from simurai’s original example at http://jsfiddle.net/simurai/CGmCe/
 */

@keyframes wink {
    from { background-position: 0px; }
    to { background-position: -500px; }
}

body {
    background: url("http://i.imgur.com/6za6I.png");
    
    animation: wink .8s steps(10, end) infinite;
}​

settings.json

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