<div class="sprite"></div>	
.sprite {
	width:245px;
  height:400px;
  display:block;	
  background:transparent url(https://www.w3cplus.com/sites/default/files/blogs/2015/1506/walker.png) 0 0 no-repeat;	
 margin:3em auto;
  animation: walker 1s steps(5) infinite;
}


@keyframes walker {
  from {background-position:0 0;}
  to {background-position:0 -4000px;}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.