![](https://webartdevelopers.com/blog/wp-content/uploads/2020/06/hsl-preview-range-slider.gif)
Author:
- imchriskitchens
- March 10, 2019
Made with:
- HTML / CSS / JS
About the code:
This is a simple styling of an input range slider created with pure CSS. JS is only used to grab the value.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: Yes
Dependencies: jquery.js
Download Demo and Code