Basic Pure CSS Image Slider – slider.css

Category: CSS & CSS3 , Slider | April 13, 2016
Author: Mikielis
Views Total: 3,934
Official Page: Go to website
Last Update: April 13, 2016
License: MIT

Preview:

Basic Pure CSS Image Slider – slider.css

Description:

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>

You Might Be Interested In:


One thought on “Basic Pure CSS Image Slider – slider.css

Leave a Reply