CSS-only Interactive, Swipeable Image Carousel

Let’s build a simple, no-JavaScript carousel you can swipe on both mobile and desktop. We will even add deep-linking to individual slides from buttons or unique URLs!

All you need is HTML and CSS

This is an example project from my book, All you need is HTML and CSS:

All you need is HTML and CSS: Building Interactive Web Interfaces with no JavaScript

All you need is HTML and CSS: Building Interactive Web Interfaces with no JavaScript

There are many other examples in the book pushing the limits of HTML and CSS including interactive carousels, accordions, calculating, counting, advanced input validation, state management, dismissible modal windows, and reacting to mouse and keyboard inputs. There’s even an animated pure CSS clock (analogue and digital) and a fully working star rating widget!

Linking with the anchor element