JSFiddle - React, Tailwind, and code Playground

by fatelei

HTML

<div id="monster" class="monsters">
</div>

CSS

.monsters {
     background-image: url('https://raw.githubusercontent.com/fatelei/fatelei-hexo-blog/master/source/images/monster.png');
     background-repeat: no-repeat;
     height: 200px;
}

#monster {
    width: 190px;
    animation: monster .8s steps(10) infinite;
}

@keyframes monster {
    from {
        background-position: 0px;
    }

    to {
        background-position: -1900px;
    }
}