Collection of free HTML and CSS slideshow code: simple, responsive, animated, horizontal, vertical and etc. Update of June 2018 collection. 5 new example.
Custom slideshow with staggered transitions. Built in vanilla JS.
A small experiment which quickly turned into something more.
HTML, CSS and JS slideshow with parallax effect.
Vertical slideshow in split screen.
Navigate using the up and down arrow keys.
Just playing around with a dual pane slideshow concept.
The transition treats each part of the photo as a blind, closes them all together, and when they are open again, a new photo is revealed underneath.
An idea for a page header slideshow.
Spooky CSS only image slideshow with text clipping.
A pure CSS and HTML slideshow concept. 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.
Slide show where the person in the current frame is used to zoom into the next frame.
83 triangles morphing and changing color into different birds.
This is a Vue component that uses clip-path for an interesting slideshow transition effect.
Ken Burns slideshow effect CSS only.
This is an extended version of pure CSS slideshow gallery http://codepen.io/alexerlandsson/pen/RaZdox which comes with more and easier customisation and previous/next buttons.
A fullscreen, sort of responsive, slideshow animated with Greensocks TweenLite/Tweenmax.