Automatic Image Slider In Pure CSS / CSS3

A pure CSS slider that makes use of CSS3 transitions/transforms to automatically slide through a set of images.

How to use it:

Place the main style sheet toleftslider.css in the header of the html page.

<link rel="stylesheet" href="css/toleftslider.css">

Insert your images into a DIV container named ‘image-container’. That’s it.

<div class="image-container">
  <img src="0.jpg" class="slider-image">
  <img src="1.jpg" class="slider-image">
  <img src="2.jpg" class="slider-image">
</div>