JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"></div>

CSS

.test {
    background: url(http://im.karusel-tv.ru/index/announces.png) 0 0 no-repeat;
    width: 160px;
    height: 146px;
    cursor: pointer;
}

.test:hover {
    -webkit-animation: move  .8s steps(8) infinite;
    animation: move  .8s steps(8) infinite;
}

@-webkit-keyframes move {
  from { background-position: 0 0; }
  to   { background-position: -1280px 0; }
}
@keyframes move {
  from { background-position: 0 0; }
  to   { background-position: -1280px 0; }
}