<img class="ball" src="https://www.w3cplus.com/sites/default/files/blogs/2015/1506/ball.png" alt="ball"width="111" height="111" />

body {
  margin: 4em 10%; 
  background:#333;
}
				
.ball {
	animation-name: ballmove;
	animation-duration: 3s;
	animation-timing-function: ease-in;
	animation-iteration-count: 3;
	animation-direction: alternate;
}
			
@keyframes ballmove {
	0% {
    transform: translateX(100px) rotate(0);
  }
	100% {
    transform:translateX(450px) rotate(2turn);
  }			
}