Cacher is the code snippet organizer for pro developers

<div class="wrapper">
<div class="carousel"></div>
</div>

.wrapper {
  overflow: hidden;
}

.carousel {
  background: url("FILENAME") repeat-x;
  height: 3xIMAGEWIDTHpx; //actual image height;
  width: 3xIMAGEWIDTHpx; // 3 x image width
  -webkit-animation: carousel 60s linear infinite;
          animation: carousel 60s linear infinite;
}

@-webkit-keyframes carousel{
  0%{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform: translate3d(-IMAGEWIDTHpx, 0, 0);
            transform: translate3d(-IMAGEWIDTHpx, 0, 0);
  }
}

@keyframes carousel{
  0%{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform: translate3d(-IMAGEWIDTHpx, 0, 0);
            transform: translate3d(-IMAGEWIDTHpx, 0, 0);
  }
}