Basic Pure CSS Image Slider – slider.css

A basic pure CSS image slider that slides automatically and infinitely through a set of images using CSS3 animations.

How to use it:

Put the core stylesheet slider.css in the head section of the html document.

<link rel="stylesheet" href="slider.css">

Wrap your slider images into DIV elements. That’s it.

<div id="slider">
  <div>
      <img src="4.jpg" alt="">
  </div>
  <div>
      <img src="3.jpg" alt="">
  </div>
  <div>
      <img src="2.jpg" alt="">
  </div>
  <div>
      <img src="1.jpg" alt="">
  </div>
</div>