Latest solutions
Latest comments
- @MaziluRO@rahulxyz
Yes, the range slider can be overwhelming. What I did was, I used background property to add two different linear gradient. It can help you avoid the whole layered approach to it. However, I couldn't find a way to make it curved when the gradient color changes at the thumb.
.slider { ... background: var(--half-transparent), var(--gradient); }
Check my solution for more details. PS: You can also do the same trick to add background color and image to the same element.
- @adamiqshan@rahulxyz
Wonderful work Adam. You can create two svg's with different fill colors and switch between them on hover or click.