<style>
div{
width: 184px;
height: 325px;
background-image: url(../img/动画帧.png);
animation: cat 1s step-end infinite;
}
@keyframes cat {
0%{
background-position: 0px 0;
}
11.1%{
background-position: -184px 0;
}
22.2%{
background-position: -368px 0;
}
33.3%{
background-position: -552px 0;
}
44.4%{
background-position: -736px 0;
}
55.5%{
background-position: -920px 0;
}
66.6%{
background-position: -1104px 0;
}
77.7%{
background-position: -1288px 0;
}
88.8%{
background-position: -1472px 0;
}
100%{
background-position: -1656px 0;
}
}
</style>
<body>
<div></div>
</body>