css3实现的僵尸走路动画

css3实现的僵尸走路动画，css3真是强大，趣味十足，貌似实用性不强。

定义html代码

<div id="wrapper">
	<div class="zoombie"></div>
</div>

全部的css3代码

.zoombie {
	/*Our png sprite is 2000px x 312px, then each frame is 200px x 312px*/
    width: 200px;
    height: 312px;
	margin:40px auto 0 auto;
    background-image: url("../img/walkingdead.png");
	-webkit-animation: play 1.8s steps(10) infinite;
	-moz-animation: play 1.8s steps(10) infinite;
	-ms-animation: play 1.8s steps(10) infinite;
	-o-animation: play 1.8s steps(10) infinite;
	animation: play 1.8s steps(10) infinite ;

}
	

@-webkit-keyframes play {
	from { background-position:    0px; }
	to { background-position: -2000px; }
}


@-moz-keyframes play {
	from { background-position:    0px; }
	to { background-position: -2000px; }
}

@-ms-keyframes play {
	from { background-position:    0px; }
	to { background-position: -2000px; }
}

@-o-keyframes play {
	from { background-position:    0px; }
	to { background-position: -2000px; }
}

@keyframes play {
	from { background-position:    0px;  }
	to { background-position: -2000px;  }
}