Aware + Bird flying

by Zareh Geertjes

HTML

<div class="aware_animated"></div>

CSS

.aware_animated {
    width: 200px;
    height: 105px;
    background-image: url("http://zien-media.nl/test/aware-kolibri-sprite.jpg");    
    background-size: 2400px auto;
    -webkit-animation: fly_aware 0.5s steps(12) infinite;
}

@-webkit-keyframes fly_aware {
   from { background-position:    0px; }
     to { background-position: -2400px; }
}