Doggie Screensaver

Pretty hacky attempt at recreating the floating screensaver for the photo gallery.

Made with: HTML,CSS (SCSS)

View Code

Css Slideshow

Made with: HTML,CSS (SCSS)

View Code

Css-Only Slideshow

An idea for a page header slideshow.

Made with: HTML,CSS (SCSS)

View Code

Rotating Background Image Slideshow

Made with: HTML,CSS

View Code

Slideshow With Html/Css

Slideshow made with HTML/CSS. Any javascript code is used.

Made with: HTML,CSS

View Code

Spooky Scary Clip Text

Spooky CSS only image slideshow with text clipping.

Made with: HTML,CSS (SCSS)

View Code

Slideshow Concept

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.

Made with: HTML,CSS (SCSS)

View Code

Silhouette Zoom Slideshow

Slide show where the person in the current frame is used to zoom into the next frame.

Made with: HTML + SVG,CSS,JavaScript

View Code

Slideshow Vanilla Js

Custom slideshow with staggered transitions. Built in vanilla JS.

Made with: HTML

View Code

Untitled Slider

A small experiment which quickly turned into something more.

Made with: HTML

View Code

Parallax Slideshow

HTML, CSS and JS slideshow with parallax effect.

Made with: HTML

View Code

Geometrical Birds - Slideshow

83 triangles morphing and changing color into different birds.

Made with: HTML

View Code

Bubble Slideshow Component

This is a Vue component that uses clip-path for an interesting slideshow transition effect.

Made with: HTML

View Code

Slideshow Parallax

Slideshow Parallax with TweenMax.js

Made with: HTML

View Code

3-D Split Image Slideshow

Made with: HTML (Pug),CSS (SCSS)

View Code

Retro Css Slideshow

Made with pure CSS.

Made with: HTML,CSS

View Code