octocatstartv headernumbered-list123split-screen

my sliders [MOST DEMOS ARE NOW BROKEN]

Stuff that can be achieved using just 1 range input.

WARNING: MOST DEMOS ARE NOW BROKEN!

Disclaimer because some people got the wrong idea: I did NOT design these sliders. Whoever knows me is probably aware of the fact that I'm 100% technical and 0% artistic. Me trying to design stuff would result in something that looks like a cat that's been washed in a washing machine puked it. I just googled "slider design" and tried to reproduce (as well as I could) the images that search found.

Also, most of them are NOT CSS-only, even though they have functional and decent looking fallbacks for the no JS case.

Mentioned in my Why Do We Have repeating-linear-gradient Anyway? and The background-clip Property and its Use Cases articles on CSS-Tricks.