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 2s steps(63) infinite;
    -webkit-animation-delay: 2s
}

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