5.偶然看到的一个css加载动画

<div class="loader">
            
</div>

@keyframes loader{
                
    to{background-position: -400px 0;}
}
.loader{
    margin: 0 auto;
    width: 50px;
    height: 50px;
                
    background: url(img/loader.png) 0 0;
    background-size: cover;
    animation: loader 1.2s infinite steps(8);
}

animation: loader 1.2s infinite steps(8);