1. Web Design
  2. CSS3

How to Create an “Anything” Slider With Just CSS

Read Time:1 minLanguages:

It used to be unthinkable to deploy a slider without JavaScript, but in this short video tutorial you’ll learn how to create an “anything” slider with just CSS, to present any type of content you need.

We'll be using CodePen for this project, so there are two pens you'll need to pay attention to. Firstly, the base pen, which you can fork to get going:

Then there’s the final result, which you can check out on CodePen. So, make a copy of the base pen, then follow the video lesson below as we build ourselves an “anything” slider!

Watch the Tutorial

Watch the Full Course

This was just one of the projects included in my recent course, 10 CSS3 Projects: UI and Layout. In the full course you’ll create ten UI and layout projects that will help you learn some of the awesome new design techniques that CSS3 brings to the table, from animated tabs to a rotatable 3D cube.

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.