JSFiddle - React, Tailwind, and code Playground

by kerollmops

HTML

<div class="img" style="background: url(http://dribbble.s3.amazonaws.com/users/108716/screenshots/460537/google_plus.png); background-repeat: no-repeat; background-size: 100% auto;"></div>

CSS

.img{
    width:100px;
    height:100px;
    -webkit-animation: scroll 7s infinite;
    height: 48px;
    
}

@–webkit-keyframes scroll {
    from {
        background-position:center 0%;
    }
    50% {
        background-position:center 100%;
    }
    to {
        background-position:center 0%;
    }
}