Bild-Scrolling-Effekt mit CSS3 erstellt

<base href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/">
<div id="Schieberegler">
<Abbildung>
<img src="austin-fireworks.jpg" alt>
<img src="taj-mahal_copy.jpg" alt>
<img src="ibiza.jpg" alt>
<img src="ankor-wat.jpg" alt>
<img src="austin-fireworks.jpg" alt>
</figure>
</div>

@keyframes Schieberegler {
0 % { links: 0 %; }
20 % { links: 0 %; }
25 % { links: -100 %; }
45 % { links: -100 %; }
50 % { links: -200 %; }
70 % { links: -200 %; }
75 % { links: -300 %; }
95 % { links: -300 %; }
100 % { links: -400 %; }
}

Körper { Rand: 0; } 
div#slider { Überlauf: versteckt; }
div#slider Abbildung img { Breite: 20 %; Float: links; }
div#Schieberegler Abbildung { 
  Position: relativ;
  Breite: 500 %;
  Rand: 0;
  links: 0;
  Textausrichtung: links;
  Schriftgröße: 0;
  Animation: 5 s unendlich gleitend; 
}