Cyber Monday Sale! 50% off themes, plugins, graphics, audio + video! Cyber Monday Sale! Download Now
Advertisement
  1. Web Design
  2. CSS3
Webdesign

How to Create an “Anything” Slider With Just CSS

by
Difficulty:BeginnerLength:QuickLanguages:

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.

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