Automatic Image Slider In Pure CSS / CSS3

Author: lfkid
Views Total: 2,706 views
Official Page: Go to website
Last Update: October 29, 2016
License: MIT


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">

See also  CSS 3D Flip Button Effect

Leave a Reply

Your email address will not be published. Required fields are marked *