Just for fun, I decided to make a pure css implementation of this.
html:
<div class="img_working"></div>
css:
@keyframes scroll-background {
from {
background-position: 0% 0%;
}
to {
background-position: 0% 100%;
}
}
.img_working {
width:32px;
height:32px;
background-image: url(http://i.imgur.com/Hwgkxhy.png);
animation: scroll-background steps(75, end) infinite 2.4s;
}
Be sure to insert your favorite browser prefix before keyframes
and animation
.