<style>
*{margin:0;padding:0;}
body{background-color:#0096dd;}
#lanren{
width:200px;
height:200px;
margin:100px auto;
background:url(images/dog.png) no-repeat 0 0;
animation:animate-tail 3.75s steps(44) infinite;
}
@keyframes animate-tail{
0%{background-position:-6864px 0;}
100%{background-position:0 0;}
}
</style>
</head>
<body>
<div id="dog"></div>
</body>
注意的是dog.png是一张可连续的动图