Basic Pure CSS Image Slider – slider.css


Author: Mikielis
Views Total: 6,220 views
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>

See also  HTML / CSS Only Off-canvas Slide and Push Navigation

Leave a Reply

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