CSS sprite sheet animation

by zachshallbetter

HTML

<div class="sprite"></div>

CSS

.sprite {
    width: 290px;
    height: 192px;
    background-image: url("http://i.imgur.com/LBjV1kY.png");
    -webkit-animation: play 1.5s steps(63) infinite;
}

@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -18333px; }
}