.bird {
  width: 28px;
  height: 17px;
  position: absolute;
  background-image: url("http://madflanderz.de/stuff/vogel-1.png");
  -moz-animation: birdPlay1 0.6s steps(7) infinite;
  -webkit-animation: birdPlay1 0.6s steps(7) infinite;
  animation: birdPlay1 0.6s steps(7) infinite;
}
.bird.static {
  position: relative;
}
.bird.bird-2 {
  background-image: url("http://madflanderz.de/stuff/vogel-2.png");
  width: 13px;
  height: 11px;
  -moz-animation: birdPlay2 0.6s steps(8) infinite;
  -webkit-animation: birdPlay2 0.6s steps(8) infinite;
  animation: birdPlay2 0.6s steps(8) infinite;
}
.bird.bird-3 {
  background-image: url("http://madflanderz.de/stuff/vogel-3.png");
  width: 29px;
  height: 23px;
  -moz-animation: birdPlay3 0.5s steps(6) infinite;
  -webkit-animation: birdPlay3 0.5s steps(6) infinite;
  animation: birdPlay3 0.5s steps(6) infinite;
}

@-moz-keyframes birdPlay1 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -190px;
  }
}
@-webkit-keyframes birdPlay1 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -190px;
  }
}
@keyframes birdPlay1 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -190px;
  }
}
@-moz-keyframes birdPlay2 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -104px;
  }
}
@-webkit-keyframes birdPlay2 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -104px;
  }
}
@keyframes birdPlay2 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -104px;
  }
}
@-moz-keyframes birdPlay3 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -174px;
  }
}
@-webkit-keyframes birdPlay3 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -174px;
  }
}
@keyframes birdPlay3 {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -174px;
  }
}