index.html

<div class="container">
  <div id="robot">
    <img src="http://www.iconfinder.com/ajax/download/png/?id=47303&s=128" alt=""/>
  </div>
</div>

style.scss

@import "compass";
.container {
   width: 80%;
  background: #C2E0FF;
  margin: 0 auto;
}

@-webkit-keyframes translateAnimation {
  from {
    -webkit-transform: translate(-50px, 0px);
  }
  to { 
    -webkit-transform: translate(450px, 0px);
  }
}

#robot {
      -webkit-animation-name: translateAnimation;
    -webkit-animation-duration:         15.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-transition-timing-function: ease-in-out;
  
  width: 100px;
  height: 100px;
  padding: 10px;
}