<div id="man">

</div>

<style>
    #man{
        background: url(WalkingManSpriteSheet.png);
        width: 281px;height: 346px;
        -webkit-animation: walk-east 1.0s steps(8) infinite;
        animation: walk-east 1.0s steps(8) infinite;
    }
     @-webkit-keyframes walk-east{
        from{background-position: 0px;}
        to{background-position: -2252px;}
    }
    @keyframes walk-east{
        from{background-position: 0px;}
        to{background-position: -2252px;}
    }
</style>

background: url(WalkingManSpriteSheet.png);

width: 281px;height: 346px;

animation: walk-east 1.0s steps(8) infinite;

 @keyframes walk-east{
        from{background-position: 0px;}
        to{background-position: -2252px;}
    }

 -webkit-animation
 @-webkit-keyframes