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

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>

See also  CSS 3D Flip Button Effect

Leave a Reply

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