Bird flying

by Zareh Geertjes

HTML

<div class="bird"></div>

CSS

.bird {
    width: 30px;
    height: 24px;
    background-image: url("https://photos-1.dropbox.com/t/2/AAD-kkq3kkAssgZAsPoxhlQ1bOuFUbnM_tpax4-8fsfcvw/12/14851063/png/1024x768/3/1424192400/0/2/bird_flying%402x.png/CPe3igcgASACIAMoASgC/mpYZWcXFN2Q6T_NH6kT1tLJFD9BjIn6nisJnorRi63M");    
    background-size: auto 24px;
    -webkit-animation: fly 1s steps(12) infinite;
}

@-webkit-keyframes fly {
   from { background-position:    0px; }
     to { background-position: -732px; }
}