<div id="bear"></div>
body{
	background:#000;}
#bear{
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top:-100px;
	background:url(http://www.mrszhao.com/zb_users/upload/2018/06/stepsanimation/images/bear.png) no-repeat 0 0;
	animation:move 1.5s steps(8,end) infinite ;
	}
@keyframes move{
	0%{
		background-position:0 0;}
	100%{
		background-position:-1600px 0;}}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.