JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bg">
    
</div>

CSS

div.bg {
        background : url(https://dl.dropboxusercontent.com/u/10268257/all.png);
        height:443px;
        width:795px;
        margin:0;
    }

    div.bg:hover{
            -webkit-animation: animateBg 1s steps(16) infinite;
           -moz-animation: animateBg 1s steps(16) infinite;
            -ms-animation: animateBg 1s steps(16) infinite;
             -o-animation: animateBg 1s steps(16) infinite;
                animation: animateBg 1s steps(16) infinite;
    }
    
    @-webkit-keyframes animateBg {
       from { background-position:    0px; }
         to { background-position: -12720px; }
    }

    @-moz-keyframes animateBg {
           from { background-position:    0px; }
             to { background-position: -12720px; }
    }
    
    @-ms-keyframes animateBg {
           from { background-position:    0px; }
             to { background-position: -12720px; }
    }
    
    @-o-keyframes animateBg {
           from { background-position:    0px; }
             to { background-position: -12720px; }
    }
    
    @keyframes animateBg {
           from { background-position:    0px; }
             to { background-position: -12720px; }
    }