Automatic Image Slider In Pure CSS / CSS3

Category: CSS & CSS3 , Slider | October 29, 2016
Author:lfkid
Views Total:2,733 views
Official Page:Go to website
Last Update:October 29, 2016
License:MIT

Preview:

Automatic Image Slider In Pure CSS / CSS3

Description:

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>

You Might Be Interested In:


Leave a Reply