SLIDESHOW CONCEPT

Author:

  • Peter Butcher
  • July 1, 2018

Made with:

  • HTML / CSS (SCSS)

About the code:

This is a beautiful Horizontal Slideshow concept, which is created in pure CSS and HTML. To add or remove slides: 1. add a new slide template in the HTML; 2. update the $slide-count SCSS variable; 3. tab colours: update the $c-slides SCSS variable 4. slide popout images: update the $b-slides SCSS variable. Use the tabs below to change slide.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code