Verly Range Slider
Range sliders with some verlet physics magic!
Checkout Verly Range Slider's Case Study.
Usage
Download
git clone https://github.com/anuraghazra/VerlyRangeSlider.gitOR
copy paste this code to your page header
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/anuraghazra/[email protected]/src/style.css" />
<script src="https://cdn.jsdelivr.net/gh/anuraghazra/[email protected]/dist/verly.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/gh/anuraghazra/[email protected]/src/VerlyRange.js"></script>basic markup
<label class="slidecontainer">
<span>My Slider</span>
<input class="slider" id="my-slider" type="range" min="1" step="0.01" max="100" value="20" />
</label>in your js file
// id, color
VerlyRange('my-slider', '#655ecf');Verly range slider is made with Verly.js
Made with