Spring Animations using range sliders
Drink your water range slider
Styling an input range slider with pure CSS. JS only to grab the value.
Simple demo of output for a range slider
Little gradient range input for an upcoming project with thumb change on slide.
A 3D CSS html5 range price slider
Custom range input slider with labels
Ranges based on Bootstrap
jQuery Time Range Slider
Styling of Range Sliders, Used open source extension for jQueryUI to create really usable and pretty range sliders.
Change the slider to see the effect.
Only supported in Webkit. Based on Equalizer
Curved, circular, circle shaped range slider. Drag the handle, click on the position you want or directly type your number. Ui design jquery.
Control outputs a single value but visually creates a trigger point to the end user.
create a fancy (or less fancy) slider with SVG and connect it (behind the scenes) to a real input type range. In this case the input type range is disabled and still visible (for the sake of the argument), but it shouldn't be.
Cards with slide effects.
Animated stacked slider is developed using css, html, jQuery and slick.js plugin. Demo and Download available.
Page 1 of 2