JSFiddle - React, Tailwind, and code Playground

Background Slide

by CBroe

HTML

<div id="foo"></div>
<img src="http://cdn2.spiegel.de/images/image-765061-galleryV9-ujyn.jpg">

CSS

#foo { padding-top:200px; width:100%; border:1px solid #666; background:url(http://cdn2.spiegel.de/images/image-765061-galleryV9-ujyn.jpg) repeat-x bottom center; background-size:75% auto; -webkit-animation: slide1 3s linear infinite;}
@-webkit-keyframes slide1 {
	from { background-position: 0 0; }
	to { background-position: 300% 0; }
}