<DOCTYPE html>
<html>
<head>
<style type="text/css">
#animbg{
width:320px; /*大小*/
height:378px;
background: url("img/img.png");
animation:myfirst 1s steps(7) infinite; /*七次 无限循环*/
}
@keyframes myfirst{
0%{background-position: 0px 0;}
100%{background-position: -2240px 0;}
}
</style>
</head>
<body>
<div id="animbg">
</div>
</body>
</html>
原文：http://www.cnblogs.com/lianyuewuxia/p/6485355.html