basketball

by Dru Dro

HTML

<div></div>

CSS

div {
    width: 140px;
    height: 280px;
    background-image: url(http://do.gendocs.ru/pars_docs/tw_refs/208/207320/207320_html_m777c6c2f.jpg);
    animation: move 2s linear infinite reverse;
}
@-webkit-keyframes move {
    0% {background-position: 0 0 ;}
    20% {background-position: 0 0 ;}
    21% {background-position: 140px 0;}
    40% {background-position: 140px 0;}
    41% {background-position: 280px 0;}
    60% {background-position: 280px 0;}
    61% {background-position: 420px 0;}
    80% {background-position: 420px 0;}
    81% {background-position: 560px 0;}
    100% {background-position: 560px 0;}
}