<div class="alarm-icon-container"></div>
<style>
@keyframes sequenceFrameAnimation {
0%{
background-position-x: 0;
}
100%{
background-position-x: -532px;
}
}
.alarm-icon-container {
width: 28px;
height: 28px;
margin-right: 5px;
background: url(~@/assets/img-new/alarm-machine.png) no-repeat;
background-size: 560px 28px;
animation: sequenceFrameAnimation 2s steps(19) infinite;
}
</style>
CSS3动画之 steps animation逐帧动画
最新推荐文章于 2023-02-28 10:13:05 发布